如何附加来自 AJAX 的 <DIV> 标签？

Question

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

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

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

<div id=main>
     <div id=1st>
     </div>

     <div id=2nd>
     </div>
</div>
<div>
     <div id=display_result>
     </div>
</div>

上面是示例，我正在传递 id=2nd div 和 id=display_result div 标签的数据，它们属于两个不同的 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>

Answer 1

试试下面：-

<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>