最最基层的ajax交互代码jquery+java之间的json跨域传递以及java的json代码返回

首先导入jar包

上面的jar包主要是用来将map或list数据转换成json字符串,传递到前台使用.

静态页面的代码:2.html

 <!DOCTYPE html>

 <html>

     <head>

         <meta charset="utf-8">

         <title>ajax</title>

           <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>

         <script type="text/javascript">

         function ajax(){

             $.ajax({

                 url:"http://192.168.6.21:8080/jsonp/servlet/Ajax",

                 data:"data=guoyansi",

                 type:"get",

                 dataType:"jsonp",

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

                 jsonp:"callbackparam",//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(默认为callback)

                 error:function(){alert("服务器连接失败");},

                 success:function(data){

                     data=eval(data);

                     for(var i=0;i<data.length;i++){

                         alert(data[i])

                     }

                 }

             });

     }

 </script>

     </head>

     <body>

          <input type="button" value="提交" onclick="ajax()" /> 

     </body>

 </html>

新建servlet,服务器端的servlet---ajax.java代码:

这里的web.xml就省略了.

返回list集合(数组)

 package servlet;

 import java.io.IOException;

 import java.io.PrintWriter;

 import java.util.ArrayList;

 import java.util.List;

 import javax.servlet.ServletException;

 import javax.servlet.http.HttpServlet;

 import javax.servlet.http.HttpServletRequest;

 import javax.servlet.http.HttpServletResponse;

 import net.sf.json.JSONArray;

 public class Ajax extends HttpServlet {

     public void doGet(HttpServletRequest request, HttpServletResponse response)

             throws ServletException, IOException {

         doPost(request, response);

     }

     public void doPost(HttpServletRequest request, HttpServletResponse response)

             throws ServletException, IOException {

         //response.setHeader("Access-Control-Allow-Origin", "*");

         response.setContentType("text/plain");

         response.setCharacterEncoding("utf-8");

         String jsonp=request.getParameter("callbackparam");

         String name=request.getParameter("data");

         System.out.println("param:"+name);

         List<String> list=new ArrayList<String>();

         list.add("abc");

         list.add("dcc");

         list.add("1");

         list.add("2");

         list.add("3434");

         list.add("retr");

         JSONArray jsonArray=JSONArray.fromObject(list);

         String result=jsonArray.toString();

         PrintWriter writer=response.getWriter();

         writer.write(jsonp+"("+result+")");

     }

 }

跑一下:

服务器端返回map数据(json)

修改ajax.java代码

 package servlet;

 import java.io.IOException;

 import java.io.PrintWriter;

 import java.util.ArrayList;

 import java.util.HashMap;

 import java.util.List;

 import java.util.Map;

 import javax.servlet.ServletException;

 import javax.servlet.http.HttpServlet;

 import javax.servlet.http.HttpServletRequest;

 import javax.servlet.http.HttpServletResponse;

 import net.sf.json.JSONArray;

 import net.sf.json.JSONObject;

 public class Ajax extends HttpServlet {

     public void doGet(HttpServletRequest request, HttpServletResponse response)

             throws ServletException, IOException {

         doPost(request, response);

     }

     public void doPost(HttpServletRequest request, HttpServletResponse response)

             throws ServletException, IOException {

         response.setContentType("text/plain");

         response.setCharacterEncoding("utf-8");

         String callbackparam=request.getParameter("callbackparam");

         System.out.println("callbackparam:"+callbackparam);

         String name=request.getParameter("data");

         System.out.println("param:"+name);

         Map<String, String> map=new HashMap<String, String>();

         map.put("1", "a");

         map.put("2", "b");

         map.put("3", "c");

         map.put("4", "d");

         JSONObject jsonObject=JSONObject.fromObject(map);

         String result=jsonObject.toString();

         PrintWriter writer=response.getWriter();

         writer.write(callbackparam+"("+result+")");

     }

 }

修改页面代码:

 <!DOCTYPE html>

 <html>

     <head>

         <meta charset="utf-8">

         <title>ajax</title>

           <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>

         <script type="text/javascript">

         function ajax(){

             $.ajax({

                 url:"http://192.168.6.21:8080/jsonp/servlet/Ajax",

                 data:"data=guoyansi",

                 type:"get",

                 dataType:"jsonp",

                 jsonp:"callbackparam",//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(默认为callback)

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

                 error:function(){alert("服务器连接失败");},

                 success:function(data){

                     for(var key in data){

                         alert(key+":"+data[key]);

                     }

                 }

             });

     }

 </script>

     </head>

     <body>

          <input type="button" value="提交" onclick="ajax()" /> 

     </body>

 </html>

跑起来看看:

最最基层的ajax交互代码jquery+java之间的json跨域传递以及java的json代码返回的更多相关文章

ajax的跨域解决方案（java+ajax）
简单的建立一个后台项目新建servlet: 内容如下: package a; import java.io.IOException; import java.io.PrintWriter; impo ...
Java利用cors实现跨域请求
由于ajax本身实际上是通过XMLHttpRequest对象来进行数据的交互,而浏览器出于安全考虑,不允许js代码进行跨域操作,所以会警告网站开发,在某些情况下需要用到跨域. 什么是跨域? 跨域,指 ...
chrome浏览器下用jQuery的load函数来跨域加载页面，响应状态status为(canceled)是什么情况？ JSON和JSONP，也许你会豁然开朗，含jQuery用例
http://www.cnblogs.com/dowinning/archive/2012/04/19/json-jsonp-jquery.html 问题来源:http://q.cnblogs.com ...
巧妙利用JQuery和Servlet来实现跨域请求
在网上看到很多的JQuery跨域请求的文章,比较有意思.这里我发表一个Servlet与JQuery配置实现跨域的代码,供大家参考.不足之处请指教原理:JavaScript的Ajax不可以跨域,但是可 ...
JQuery和Servlet来实现跨域请求
在网上看到很多的JQuery跨域请求的文章,比较有意思.这里我发表一个Servlet与JQuery配置实现跨域的代码,供大家参考.不足之处请指教原理:JavaScript的Ajax不可以跨域,但是可 ...
用jQuery与JSONP轻松解决跨域访问的问题
浏览器端的真正跨域访问,推荐的是目前jQuery $.ajax()支持get方式的跨域,这其实是采用jsonp的方式来完成的. var qsData = {'searchWord':$("# ...
C# 和Jsonp的一个小demo 用jQuery与JSONP轻松解决跨域访问的问题
客服端: 在A项目下面建立一个 JsonpClient.aspx页面,代码如下: <%@ Page Language="C#" AutoEventWireup=& ...
用jQuery与JSONP轻松解决跨域访问的问题【转】
原文地址:http://www.jb51.net/article/46463.htm 好在,有jquery帮忙,跨域问题似乎没那么难缠了.这次也借此机会对跨域问题来给刨根问底,结合实际的开发项目,查阅 ...
Ajax跨域、Json跨域、Socket跨域和Canvas跨域等同源策略限制的解决方法
同源是指同样的协议.域名.port,三者都同样才属于同域.不符合上述定义的请求,则称为跨域. 相信每一个开发者都曾遇到过跨域请求的情况,尽管情况不一样,但问题的本质都能够归为浏览器出于安全考虑下的同源 ...

随机推荐

Sublime Text3注册码 (备用)
复制如下三个任意一个正版注册码即可—– BEGIN LICENSE —–Andrew WeberSingle User LicenseEA7E-855605813A03DD 5E4AD9E6 6C0E ...
es6语法重构react代码
1.使用React.Component创建组件,需要通过在constructor中调用super()将props传递给React.Component.另外react 0.13之后props必须是不可变 ...
java 获取实体类对象属性值的方法
在java中我们要获得实体类对象的属性,一般情况是将实体类中的属性私有化,然后再对外提供get()与set()方法,然后再获取实体类对象的属性的时候先把对象new出来,再用变量名.get()的方法得到 ...
linux xargs参数
xargs是给命令传递参数的一个过滤器,也是组合多个命令的一个工具.它把一个数据流分割为一些足够小的块,以方便过滤器和命令进行处理.通常情况下,xargs从管道或者stdin中读取数据,但是它也能够从 ...
【jmeter】JMeter处理Cookie与Session
有些网站保存信息是使用Cookie,有些则是使用Session.对于这两种方式,JMeter都给予一定的支持. 1.Cookie 添加方式:线程组-配置元件-HTTP Cookie 管理器,如下图: ...
golang rbac框架
在 https://github.com/mikespook/gorbac/tree/v1.0 github上新的版本是开发板,得用这里的老版 demo package main import ( & ...
【转】c#实现文件下载
需求:点击SAVE,去ajax去后台下载文件,完成后出现保存对话框,然后直接下载. 解决方案:下载完成后用JS转到向到另一个页面,在这页面Page_Load里用C#Response对象直接下载. 下载 ...
(C#) Parse xml 时，返回的node值总是null。
网上查了一下,原因在于要parse的Xml文件本身包含了一些namespace,这些需要被添加进去. http://msdn.microsoft.com/zh-cn/library/system.xm ...
MongoDB项目中常用方法
使用MongoDB连接池MongoOptions来进行连接以及相关方法的调用 //获得驱动地址(这里的驱动写入了配置文件中) String serverAddressStr = Configure ...
C#（一维数组）
定义数组 int[] 变量名 = new int [n]; 数组初始化 int[] myArray = new int[] {1, 3, 5, 7, 9}; //输入班级人数 //输入每个人的分数 / ...

最最基层的ajax交互代码jquery+java之间的json跨域传递以及java的json代码返回

最最基层的ajax交互代码jquery+java之间的json跨域传递以及java的json代码返回的更多相关文章

随机推荐

热门专题