5种常见ajax请求数据
来源:互联网 发布:网络负面新闻消除方案 编辑:程序博客网 时间:2024/06/06 17:32
1.$.ajax()返回其创建的 XMLHttpRequest 对象。
$.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息。详细参数选项见下。
如果你指定了 dataType 选项,请确保服务器返回正确的 MIME 信息,(如 xml 返回 "text/xml")。
一.原始的方法
<scripttype="text/JavaScript"> function load(){ var xmlhttp; if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera,Safari xmlhttp= newXMLHttpRequest(); }else{// code for IE6, IE5 xmlhttp= newActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange= function(){ if (xmlhttp.readyState ==4 && xmlhttp.status == 200) {//获得了请求数据 var expertinfolist = xmlhttp.responseText; //发送请求数据到myDiv document.getElementById("myDiv").innerHTML=expertinfolist; } } var url="expert_ZFTservlet?expert_name="+"曾攀"; xmlhttp.open("GET", url,true); xmlhttp.send();}</script>
二.利用jquery包的ajax请求
在使用该方法前需要引入Jquery包
<scriptsrc="js/jquery-2.1.min.js"type="text/javascript"></script><script>$.ajax({ type:'post',//方法类型 url:" expert_ZFTservlet?expert_name="+"曾攀",//请求地址 dataType:'json',//数据类型 data:{page:page},//请求到接口的对象 success:callback//请求成功处理函数 }); //返回函数function callback(data){alert(data); //获得请求返回对象;}</script>
例:
$.ajax({ $.ajax({ url:"http://wechat.ixunluo.com/weishopcs/app/index.php?i=3&c=entry&m=ewei_shopv2&do=mobile&r=taobaoke", type:"post", data:{page:page},//传送到接口的对象 success:function(res){ var list = eval(res); //console.log(list.length); //var list=JSON.parse(res); if(list.length>0) { hasMore=true; //console.log(JSON.parse(res)); //追加数据 for(var i=0;i<list.length;i++) { html+="<a href='./index.php?i=3&c=entry&m=ewei_shopv2&do=mobile&r=taobaoke.detail&id="+list[i].id+"'>"; html+="<div class='list_flex_son'>"; html+="<img data-original='"+res[i]+"' class='list_flex_son_img' src='"+list[i].thumb+"' style='height: 175.313px;'>"; html+="<div class='list_flex_son_title'>"+list[i].title+"</div>"; html+="<div class='list_flex_son_row'>"; html+="<span class='sfsr_price'>¥"+list[i].marketprice+"</span>"; html+="<span class='sfsr_tbprice'>淘宝价:"+list[i].productprice+"元</span>"; html+="</div>"; html+="</div>"; html+="</a>"; } $listrow.append(html); var imgWidth=$('.list_flex_son_img').width(); $('.list_flex_son_img').height(imgWidth); } }})
三.通过远程 HTTP GET 请求载入信息。
这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。
实例:
$.get("test.cgi", { name: "John", time: "2pm" }, function(data){ alert("Data Loaded: " + data); });
四. 通过远程 HTTP POST 请求载入信息。
这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。
实例:
$.post("/Resources/addfriend.ashx", { "fid": fids, "fname": fnames, "tuid": tuids, "tuname": tunames }, function (data) { if (data == "ok") { alert("添加成功!"); } })
五.通过 HTTP GET 请求载入 JSON 数据。
实例:
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?",function(data){ $.each(data.items, function(i,item){ $("<img/>").attr("src", item.media.m).appendTo("#images"); if ( i == 3 ) return false; });});
------------------------------------------------------------------------------------------封------------------------------------------------------------------------------------------------------------------------------------
解析返回的json数据方法有:
1.data=JSON.parse(data);
2.data=eval(data)
jQuery Ajax 操作函数
jQuery 库拥有完整的 Ajax 兼容套件。其中的函数和方法允许我们在不刷新浏览器的情况下从服务器加载数据。
阅读全文
0 0
- 5种常见ajax请求数据
- Ajax请求ashx返回各类数据的常见处理方式
- Ajax请求ashx返回各类数据的常见处理方式
- ajax 请求数据的两种方法
- Ajax请求后台数据
- ajax数据请求
- AJax数据请求处理
- ajax 原生请求数据
- Ajax数据请求
- AJAX 请求数据
- ajax请求json数据
- AJAX请求数据_demo
- ajax请求数据
- ajax请求ashx数据
- ajax请求json数据
- 关于数据请求 Ajax
- ajax raw 请求数据
- AJAX 异步请求数据
- CodeM美团点评编程大赛复赛 A.配对游戏【思维+Dp】好题~
- Eclipse项目移植到AndroidStudio爬坑记
- OpenCV 霍夫变换直线检测(SHT、MSHT和PPHT)
- POJ2393 Yogurt factory(贪心)
- iOS SQLite Pragma语法
- 5种常见ajax请求数据
- 我的Linux学习
- SSH整合
- ubuntu 设置鼠标手势和鼠标灵敏度
- ecshop与Ucenter通讯失败的一个很怪的问题
- j2se2j2ee-1
- C语言内存布局
- iOS MAC终端界面 ~ 创建数据库sqlite3
- 自定义View 相关(二)