Ajax的数据类型实例分析(ajax,开发技术)

时间:2024-05-05 02:08:14 作者 : 石家庄SEO 分类 : 开发技术
  • TAG :

    Ajax%E7%9A%84%E6%95%B0%E6%8D%AE%E7%B1%BB%E5%9E%8B%E5%AE%9E%E4%BE%8B%E5%88%86%E6%9E%90

在 Ajax 的使用中,遇到了一个这样的问题:界面开发出来是用在手机上使用的,但是数据是通过服务器提供的 API,在界

面上使用 JQuery 的 Ajax 来调用数据,开始怎样也调用不到,而且不报毛病,后面现在浏览器测试好了,在放手机上加载本地的界面。

/**

*@seeHttpServlet#doGet(HttpServletRequestrequest,HttpServletResponse

*response)

*/

protectedvoiddoGet(HttpServletRequestrequest,

HttpServletResponseresponse)throwsServletException,IOException{

response.setContentType("text/javascript");//这个要注意

PrintWriterout=response.getWriter();

Stringcallback=request.getParameter("callback");

out.print(callback

+"([{name:'John',age:'19'},{name:'joe',age:'20'}])");

System.out.println("callback="+callback);

out.flush();

out.close();

}

$.ajax({

url:"http://localhost:8081/JsonpServer/JsonpServlet",

dataType:"jsonp",

jsonp:"callback",//传递给要求处理程序或页面的,用以取得jsonp回调函数名的参数名(默许为:callback),需和服务器端一致

jsonpCallback:"person",//自定义的jsonp回调函数名称,默许为jQuery自动生成的随机函数名

success:function(json){

//alert(json[0].name);

}

});

//相当于重写success后履行的函数(自定义为person)

functionperson(json){

alert("Iampersonfunction...");

alert(json[0].name);

}

分析:

最开始没有效果是 dataType:"json",所以测试了很久都没有出来,后面修改成dataType:"jsonp",就能够使用了。
缘由是dataType为json数据格式的时候,不能跨域访问,jsonp是跨域访问的。

本文:Ajax的数据类型实例分析的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:ajax的概念是什么下一篇:

5 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18