jQuery的load方法是一个很方便的方法,可以通过Ajax请求加载文本、HTML、XML或JSON数据,然后将其插入到页面中指定的元素中。
load方法的基本语法如下:
$(selector).load(url,data,callback);
其中,selector是要加载数据的元素选择器,url是请求数据的URL地址,data是传递给服务器的附加参数,callback是请求完成后执行的回调函数。
要传递参数可以通过在url地址后面以“?”形式添加参数,也可以通过在data参数中传递参数。
$(document).ready(function(){ $("button").click(function(){ var name = $("#name").val(); $("#result").load("get_info.php?name=" + name); }); });
以上代码中,使用了一个按钮的点击事件,通过获取输入框内的姓名值,传递给get_info.php文件作为参数,然后将返回的数据加载到id为result的元素中。
如果是通过data参数传递参数,则可以将参数以键值对的形式组成一个对象,然后传递给load方法。
$(document).ready(function(){ $("button").click(function(){ var name = $("#name").val(); $("#result").load("get_info.php", {name: name}); }); });
以上代码中,将姓名值以键值对的形式组成一个对象{name: name},然后传递给load方法的data参数中,实现参数的传递。
总之,通过load方法实现参数的传递非常简单方便,可以节省很多代码量和服务器资源。