javascript - 在初始页面加载时加载目标 ajax php 文件

Question

我在 php 中设置了一个 AJAX 来返回和显示来自数据库的一些数据:

$("#sub_shops").click(function(){
                    var range_start = $("#start_shops").val();
                    var range_end = $("#end_shops").val();
                    $.ajax({
                        url:'process_shops.php',
                        data:{start:range_start,end:range_end},
                        type:'POST',
                        success:function(data){
                            $("#result_shops").html(data);
                        }
                    });
                });

页面#start_shops和#end_shops有两个input，填写数据后点击#sub_shops页面将input的值发送到process_shops.php。处理后，将结果显示在#result_shops中:

<div id="result_shops"></div>

问题:

如果为 #start_shops 和 #end_shops 输入设置了默认值，我如何将它的值发送到 process_shops.php 和在初始页面加载时在#result_shops中显示处理的结果？

提前致谢!

Answer 1

首先将您的代码分解为一个函数:

function updateResultShops()
{
    var range_start = $("#start_shops").val();
    var range_end = $("#end_shops").val();
    $.ajax({
       ...
}

然后从点击处理程序中调用它:

$("#sub_shops").click(updateResultShops);

以及文档加载!

$(document).ready(updateResultShops);

现在，任何初始值都将在页面加载时以及您每次点击时立即发送。简单!