jsonp跨域请求实现示例
网上看了很多关于jsonp的资料，发现在本机运行后实现不了，有的是有错漏，有的是说的比较含糊，接合自己的情况，整了一个可运行的示例；
前言：
ajax请求地址：http://192.168.1.102:8080/carop/jsonp
服务端要返回的jsonp字符串：jsonpCallback({"name":"刘德华"，"电话":"17688888888"})
jsonp写法，写法上可以理解成一个javascript函数的执行，例如alert("hello world")会弹出hello world的窗口，再例如alert({"name":"刘德华"})会弹出[object Object]的窗口。(注意这里参数两端没加双引号，它是一个有属性的对象而不是一个字符串)
那么本示例的jsonp中，可以将jsonpCallback理解成函数名，{"name":"刘德华"，"电话":"17688888888"}这个对象是这个函数执行时所要传递的参数。
客户端：
$.ajax({
type: "get",
async:false,
url: "http://192.168.1.102:8080/carop/jsonp",
dataType: "jsonp",
jsonpCallback:"jsonpCallback",
success: function(data){
alert(data.name+"\n "+data.tel);
}
});
其他的ajax方法比如getjson亦可，写法上有区别，这里仅采用一种方法。
说明：jsonpCallback:"jsonpCallback",前一个ajax参数表示要执行的函数，后面的”jsonpCallback“，这个是服务器返回jsonp的javascript函数名。（网上有相关资料这个参数写的是jsonp而不是jsonpCallback，经实际测试要写成jsonpCallback，jquery版本1.8，所测试浏览器为火狐和edge）
服务端
servlet控制器层直接返回jsonp；
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
@WebServlet("/jsonp")
public class jsonp extends HttpServlet{
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
resp.setCharacterEncoding("UTF-8");
//System.out.println("进入jsonp");
resp.setContentType("text/json;charset=utf-8");
String json="{\"name\":\"刘德华\",\"tel\":\"17688888888\"}";
String jsonp="jsonpCallback("+json+")";
PrintWriter pw=resp.getWriter();
System.out.println(jsonp);
pw.print(jsonp);
}
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
// TODO Auto-generated method stub
doGet(req, resp);
}
}
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！
相关文章
JavaScript中clientWidth,offsetWidth,scrollWidth的区别
这篇文章主要介绍了Element中clientWidth,offsetWidth,scrollWidth的区别，帮助大家更好的理解和使用JavaScript，感兴趣的朋友可以了解下2021-01-01
这篇文章主要介绍了JS实现slide文字框缩放伸展效果代码,涉及JavaScript响应鼠标事件动态操作页面元素属性的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-11-11
通过本文带领大家一起重新理解JavaScript的六种继承方式,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-03-03
下面小编就为大家带来一篇JavaScript模拟文件拖选框样式v1.0的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
JavaScript数据结构与算法之二叉树实现查找最小值、最大值、给定值算法示例
这篇文章主要介绍了JavaScript数据结构与算法之二叉树实现查找最小值、最大值、给定值算法,涉及javascript二叉树定义、赋值、遍历、查找等相关操作技巧,需要的朋友可以参考下2019-03-03
这篇文章主要为大家详细介绍了如何使用原生JavaScript实现放大镜效果（可自由大小适配），文中的示例代码讲解详细，感兴趣的小伙伴可以了解一下2023-03-03
这篇文章主要介绍了JS获取URL中的参数数据，有需要的朋友可以参考一下2013-12-12
webpack是前端开发中比较常用的打包工具之一,另外还有gulp,grunt,下面这篇文章主要给大家介绍了关于webpack构建打包的性能优化的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-03-03
这篇文章主要介绍了AJAX XMLHttpRequest对象创建使用详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-08-08
深入理解setTimeout函数和setInterval函数
下面小编就为大家带来一篇深入理解setTimeout函数和setInterval函数。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
最新评论