如何将<DIV>标签，该标签来自AJAX

How can I append <DIV> tag which cames from AJAX?

本文关键字：标签 AJAX DIV lt gt      更新时间：2023-09-26

我是Ajax的新手，我正在开发根据用户输入值提供员工工资的应用程序。

现在，我的问题是，我正在尝试从Ajax获取数据，因为我希望在主页的特定位置显示该部分

让我向你解释一下我的实际要求，请看一看：

<div id=main>
     <div id=1st>
     </div>
     <div id=2nd>
     </div>
</div>
<div>
     <div id=display_result>
     </div>
</div>

上面是示例，我正在传递id＝2nddiv&id＝display_resultdiv标记，它属于两个不同的CSS类，并作为它们自己的独立位置。

这是我面临问题的实际代码。

    <div id="find_max_div" class="table-div select-table" style="width:95% !important;">
        <div style="text-align:right;">
            <img width="30px" src="MaxVal_image/close.png" style="margin-right:20px;" class="mousepointer" title="close" name="close1" id="close1">
        </div>
        <div style="display:flex;">
            <div class="position-div-left row_th">
                <div class="position-left"> Enter position: </div>
                <div class="position-right">
                    <input type="text" size="40" name="position" id="position" placeholder="Enter position" class="textbox">
                </div>
            </div>
            <div class="position-div-right row_th" id="same_emp_sal_list-div">
                <div class="position-left"> Select Employee: </div>
                <div class="position-right">
                    <select name="same_sal_emp_list" id="same_sal_emp_list" class="textbox">
                    </select>
                </div>
            </div>
        </div>
        <div id="max_result_table" style="margin-top:12px;">
        </div>
    </div>

我正在传递来自的数据

        <div class="position-div-left row_th">
            <div class="position-left"> Enter position: </div>
            <div class="position-right">
                <input type="text" size="40" name="position" id="position" placeholder="Enter position" class="textbox">
            </div>
        </div>

请尝试以下操作：-

<div class="result"></div>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
    function refresh_div() {
        jQuery.ajax({
            url:'YOUR PHP page url',
            type:'POST',
            success:function(results) {
                jQuery(".result").html(results);
            }
        });
    }
</script>
相关文章：