ajax之 load()方法

<input type="button" id="send" value="ajax获取"/>
<div id="resText"></div>

$(function(){
   $("#send").click(function(){
       $("resText").load("test.html");
   })
})

使用jQuery选择器作为HTML片段的指定目标位置,然后将要加载的文件的URL作为参数传递给load()方法即可,当单机按钮后,test.html

页面的HTML内容就会被加载并插入主页面<div id="resText"></div>的元素中。

也可以筛选载入的HTML文档

$("resText").load("test.html .param");

传递方式

$("#resText").load("test.php",function(){ 无参数传递,则是GET方式

})

$("#resText").load("test.php",{name:"rain",age:"22"}function(){ 有参数传递,则是POST方式

})
$.get  $.post 


$("#send").click(function(){
   $.get("get.php",{
        username: $("#username").val();
        content: $("#content").val();
   },回调函数)
})

回调函数的数据格式有HTML片段、XML文档、JSON文件
$("#send").click(function(){
   $.get("get.php",{
        username: $("#username").val();
        content: $("#content").val();
   },function(data,textStatus){
      $("#resText").html(data);//将返回的数据添加到页面上
  })
})

猜你喜欢

转载自blog.csdn.net/a3060858469/article/details/80435514