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＆amp; 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>

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

1 个答案: