ajax之 load()方法

type="button" id="send" value="ajax获取"/>
"resText">
$(function(){ $("#send").click(function(){ $("resText").load("test.html"); }) })

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

页面的HTML内容就会被加载并插入主页面

的元素中。

也可以筛选载入的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);//将返回的数据添加到页面上
  })
})

你可能感兴趣的:(前端基础总结)