淘先锋技术网

首页 1 2 3 4 5 6 7

jQuery的load方法是一个很方便的方法,可以通过Ajax请求加载文本、HTML、XML或JSON数据,然后将其插入到页面中指定的元素中。

jquery点击链接load方法传值

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方法实现参数的传递非常简单方便,可以节省很多代码量和服务器资源。