1. load 从服务器上获取静态文件
<div id="resText"></div>
$(‘resText‘).load(‘test.html‘, {a:1, b:2}, function(responseText, textStatus, XMLHttpRequest){ // code here })
2. get
$.get(url [,data] [,callback] [,type]){ // url // data = {a:1, ...} // callback 自动将请求结果和状态传递给该方法 // type : xml, html, script, json, text, _default }
2.1 html
$(function(){ $(‘#send‘).click(function(){ $.get(‘get.php‘, {username:$(‘#username‘).val()}, function(data, textStatus){ $(‘#resText‘).html(data); }); }); });
$(function(){ $(‘#send‘).click(function(){ $.get(‘get.php‘,{},function(data, textStatus){ var username = $(data).find(‘comment‘).attr(‘username‘); // ... }); }, ‘xml‘); });
2.3 json (json 格式必须严格,所有属性都须加双引号.)
$(function(){ $(‘#send‘).click(function(){ $.get(‘get.php‘,{},function(data, textStatus){ var username = data.username; }); },‘json‘); });
3. $.getJson
$(function(){ $.getJson(‘test.php‘, {}, function(data){ $(‘#resText‘).empty();//清空内容 var html = ‘‘; $.each(data, function(index, item){ var username = item.username; }); }); });
4. $.ajax( options)
$.ajax({ type:‘GET‘, url: ‘test.php‘, dataType : ‘json‘, success : function(data){ $.each(data, function(index, item){ var user = item.username; }); } });