首页 > 代码库 > JQuery 笔记 $.load get post ajax
JQuery 笔记 $.load get post ajax
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 = http://www.mamicode.com/{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; }); }});
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。