话不多说,详细代码来介绍这几种请求方式:
ajax与服务器进行数据交换。实现不重载页面的情况下,对部分网页进行局部更新。 通过 jQuery AJAX 方法,您能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON - 同时您能够把这些外部数据直接载入网页的被选元素中。
1.$('selector').load(url,data,callback)
js代码:
$(function(){
$('button').click(function(){
$('#b').load('1.txt',function(responseTxt,statusTxt,xhr){
if(statusTxt=='success'){
alert('外部加载成功');
}
if(statusTxt=='error'){
alert('Error:'+xhr.status+':'+xhr.statusText);
}
})
})
})
html代码:
js代码:
$('button').click(function(){
$.get('1.txt',function(data,status){
alert('数据:'+data+'状态:'+status);
})
})
html代码:
js代码:
$('button').click(function(){
$.post('1.js',{
name:"Donald Duck",
city:"Duckburg"
},function(data,status){
alert("数据:" + data + "\n状态:" + status);
})
})
html代码如上,json代码如下
js代码:
$(function(){
$('#btn').bind('click',function(){
$.getJSON('1.js',function(data){
$.each(data,function(i,item){
$('ul').append(""+item.name+" ")
})
})
})
})
html代码:
我最喜欢的东西
json格式的文件1.js
[
{"name":"1"},
{"name":"2"},
{"name":"2"},
{"name":"4"}
]
简写:$.ajax({
url:'url',
datatype:'script',
success:'success'
})
js代码:
$('#btn').bind('click',function(){
var $this=$(this);
$.getScript('1.js',function(data){
$this.attr("disabled",true);
var b=eval(data);
/*console.log(b[0].name)*/
$('ul').append(""+"姓名:"+b[0].name+"年龄:"+b[0].age+" ")
})
})
html代码:
个人信息:
1.js代码:
var str='{"name":"JSON","address":"北京市西城区","age":25}';
/* var b=JSON.parse(str);*/
var b=eval("("+str+")");
console.log(b);
json对象转换为json字符串:
var obj={"name":"JSON","address":"北京市西城区","age":25};
var c=JSON.stringify(obj)
console.log(typeof c)
未完待续。。。。