跨域的jsonp
2016-07-01 08:35
295 查看
ajax的跨域问题
先是后台的代码 模拟传输的数据
然后我们在前台进行ajax的请求
jsonpCallback
先是后台的代码 模拟传输的数据
import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; public class JsonpServlet extends HttpServlet { @Override protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String m = request.getParameter("m"); if(m.equals("getJson")){ String json = "aaa({\"hello\":\"helloWorld\"})"; response.getWriter().print(json.toString()); } } }
然后我们在前台进行ajax的请求
<script type="text/javascript"> function getMess(){ $.ajax({ url:"http://localhost:8080/jsonp/jsonpServlet?method=getJson", type:"get", async:"false", data:"", jsonpCallback:"aaa", success:function aaa(data){ alert(data.hello); }, dataType:"jsonp" }); } </script> <body> <input type="button" value="获取值" onclick="getMess()"> </body>
jsonpCallback
相关文章推荐
- JSON与GSON
- JS 替换字符串
- js实现图片联动效果
- js new Date("2016-07-01 08:00:00") 格式在IE内核浏览器中显示NaN的问题
- js new Date("2016-07-01 08:00:00") 格式在IE内核浏览器中显示NaN的问题
- json数据汉字打印
- [RxJS] Drag and Drop example
- Javascript基础
- (数据类型-Number的直接量)JavaScript权威指南笔记4.3
- 简单的jsonp跨域请求
- Javascript算法练习(四)
- Fastjson 简明教程
- (数据类型-Number直接量前的“-”)JavaScript权威指南笔记4.2
- javascript父级鼠标移入移出事件中的子集影响父级的处理方法
- [extjs5]例释概念:数据绑定,config,bind之间的关系
- 关于Js数组去重的方法
- 表格指定行位置插入待复制行
- JavaScript中的一些特殊用法(六)
- JavaScript基础总结
- Jsp技术总结