java ajax post跨域请求传递json格式数据问题
json
适用于现代 C++ 的 JSON。
项目地址:https://gitcode.com/gh_mirrors/js/json
免费下载资源
·
java 后台实现ajax post跨域请求传递json格式数据获取json数据问题
参考大神:http://blog.csdn.net/chunqiuwei/article/details/19924821
java后台:
public String ajaxProxy(Integer param1,String param2,String url, HttpServletRequest req){
JSONObject node = new JSONObject();
try {
node.put("param1", param1) ;
node.put("param2", param2);
} catch (JSONException e1) {
e1.printStackTrace();
}
// 使用POST方式向目的服务器发送请求
URL connect;
StringBuffer data = new StringBuffer();
try {
connect = new URL(url);
HttpURLConnection connection = (HttpURLConnection)connect.openConnection();
connection.setRequestMethod("POST");
connection.setDoOutput(true);
connection.setRequestProperty("Content-Type", "application/json");
OutputStreamWriter paramout = new OutputStreamWriter(
connection.getOutputStream(),"UTF-8");
paramout.write(node.toString());
paramout.flush();
BufferedReader reader = new BufferedReader(new InputStreamReader(
connection.getInputStream(), "UTF-8"));
String line;
while ((line = reader.readLine()) != null) {
data.append(line);
}
paramout.close();
reader.close();
} catch (Exception e) {
e.printStackTrace();
}
return data.toString();
}
前台jsp:
$.post(
url,
{
param1:param1,
param2:param2,
url:url
},
function (data){
alert(data);
}
);
AJAX跨域请求json数据的实现方法
我们都知道,AJAX的一大限制是不允许跨域请求。 不过通过使用JSONP来实现。JSONP是一种通过脚本标记注入的方式,它是可以引用跨域URL的js脚本,不过需要提供一个回调函数(必须在您自己的页面上),因此,你可以自己处理结果。 让我们看看JSONP的是怎么在jQuery,MooTools的,Dojo Toolkit中实现的。
jQuery的JSONP
jQuery.getJSON方法:
Js代码
复制代码 代码如下:
jQuery.getJSON("",{
q: "Arsenal"
},function(tweets) {
// Handle response here
("Twitter returned: ",tweets);
});
或者 类似
Js代码
复制代码 代码如下:
$.ajax({
type:"get",
data:"random="+Math.random(),
url:url,
dataType:"jsonp",
jsonp:"callback",
success:function(data){
$.each(data, function(key, val) {
$("#myDiv"l($("#myDiv"l()+val.cvalue+"</br>");
});
}
});
回调方法的参数 通过getJSON 就可以获取 到json对象
MooTools JSONP
MooTools 需要Request.JSONP Class , 可以从这里下载MooTools More . 选择Request.JSONP,
这样 从另一个域获取json就是小菜一碟了.
Js代码
复制代码 代码如下:
new Request.JSONP({
url: "",
data: {
q: "Arsenal"
},//提交的参数, 没有参数可以不写
callbackKey: 'jsoncallback',//自己定义回调函数的参数名称
onComplete: function(tweets) {
// Log the result to console for inspection
("Twitter returned: ",tweets);
}
}).send();
如果自己定义了回调函数的参数名称. 跟jquery一样.
服务器端你需要这样去取得:
Js代码
复制代码 代码如下:
String callback = request.getParameter("jsoncallback");//取得回调方法名
response.setHeader("Cache-Control", "no-cache");
response.setContentType("text/json;charset=UTF-8");
PrintWriter out;
try {
out = response.getWriter();
out.print(callback+"("+message+")");//这里是关键.主要就是这里
out.flush();
out.close();
} catch (IOException e) {
e.printStackTrace();
}
顺便说一句: 个人比较喜欢mootools的语法结构,和框架设计思路. 再次赞美!
Dojo JSONP
JSONP 在Dojo Toolkit 中需要用上dojo.io.script (点击可以查看示例)
Js代码
复制代码 代码如下:
// dojo.io.script is an external dependency, so it must be required
dojo.require("dojo.io.script");
// When the resource is ready
dojo.ready(function() {
// Use the get method
dojo.io.script.get({
// The URL to get JSON from Twitter
url: "",
// The callback paramater
callbackParamName: "callback", // Twitter requires "callback"
// The content to send
content: {
q: "Arsenal"
},
// The success callback
load: function(tweetsJson) { // Twitter sent us information!
// Log the result to console for inspection
("Twitter returned: ",tweetsJson);
}
});
});
jQuery的JSONP
jQuery.getJSON方法:
Js代码
复制代码 代码如下:
jQuery.getJSON("",{
q: "Arsenal"
},function(tweets) {
// Handle response here
("Twitter returned: ",tweets);
});
或者 类似
Js代码
复制代码 代码如下:
$.ajax({
type:"get",
data:"random="+Math.random(),
url:url,
dataType:"jsonp",
jsonp:"callback",
success:function(data){
$.each(data, function(key, val) {
$("#myDiv"l($("#myDiv"l()+val.cvalue+"</br>");
});
}
});
回调方法的参数 通过getJSON 就可以获取 到json对象
MooTools JSONP
MooTools 需要Request.JSONP Class , 可以从这里下载MooTools More . 选择Request.JSONP,
这样 从另一个域获取json就是小菜一碟了.
Js代码
复制代码 代码如下:
new Request.JSONP({
url: "",
data: {
q: "Arsenal"
},//提交的参数, 没有参数可以不写
callbackKey: 'jsoncallback',//自己定义回调函数的参数名称
onComplete: function(tweets) {
// Log the result to console for inspection
("Twitter returned: ",tweets);
}
}).send();
如果自己定义了回调函数的参数名称. 跟jquery一样.
服务器端你需要这样去取得:
Js代码
复制代码 代码如下:
String callback = request.getParameter("jsoncallback");//取得回调方法名
response.setHeader("Cache-Control", "no-cache");
response.setContentType("text/json;charset=UTF-8");
PrintWriter out;
try {
out = response.getWriter();
out.print(callback+"("+message+")");//这里是关键.主要就是这里
out.flush();
out.close();
} catch (IOException e) {
e.printStackTrace();
}
顺便说一句: 个人比较喜欢mootools的语法结构,和框架设计思路. 再次赞美!
Dojo JSONP
JSONP 在Dojo Toolkit 中需要用上dojo.io.script (点击可以查看示例)
Js代码
复制代码 代码如下:
// dojo.io.script is an external dependency, so it must be required
dojo.require("dojo.io.script");
// When the resource is ready
dojo.ready(function() {
// Use the get method
dojo.io.script.get({
// The URL to get JSON from Twitter
url: "",
// The callback paramater
callbackParamName: "callback", // Twitter requires "callback"
// The content to send
content: {
q: "Arsenal"
},
// The success callback
load: function(tweetsJson) { // Twitter sent us information!
// Log the result to console for inspection
("Twitter returned: ",tweetsJson);
}
});
});
JSONP是一种非常有效的,可靠的,容易实现的远程数据获取方式。JSONP的策略也使开发人员能够避免繁琐的服务器代理方式,很方便的获取数据。
GitHub 加速计划 / js / json
41.72 K
6.61 K
下载
适用于现代 C++ 的 JSON。
最近提交(Master分支:1 个月前 )
960b763e
2 个月前
8c391e04
5 个月前
更多推荐
已为社区贡献1条内容
所有评论(0)