<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);//将返回的数据添加到页面上
})
})