js,小程序共用java后端进行数据传输
发布日期:2021-05-07 00:08:38 浏览次数:10 分类:技术文章

本文共 2429 字,大约阅读时间需要 8 分钟。

一,java后端代码
package maven_weather;import java.io.IOException;import java.io.PrintWriter;import java.util.ArrayList;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;import net.sf.json.JSONArray;/** * Servlet implementation class testServelt */public class testServelt extends HttpServlet {	private static final long serialVersionUID = 1L;           /**     * @see HttpServlet#HttpServlet()     */    public testServelt() {        super();        // TODO Auto-generated constructor stub    }	/**	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)	 */	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {		System.out.println("接受请求成功!");		System.out.println("定义一个数组,存放数据!");				String callbacka=request.getParameter("callbackfun");		System.out.println("回调函数的名字:"+callbacka);		//		这里自己定义一个数组,提供测试		ArrayList
peopleList=new ArrayList
(); peopleList.add("1230"); peopleList.add("189"); peopleList.add("456"); peopleList.add("0000");// System.out.print("遍历这个peopelList数组:");// for(String l:peopleList){// System.out.print(l+" ");// }// System.out.println();// System.out.println("========================="); // 将数组转换成json格式,然后再交给回调函数, System.out.println("将数组转换成json格式:"); JSONArray jArray = JSONArray.fromObject(peopleList); System.out.println(jArray); PrintWriter writer=response.getWriter(); String s = "{\"images\": "+jArray+"}"; if(callbacka==null){ s=s; }else{ s=callbacka+"("+s+")"; } response.getWriter().write(s); } /** * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response) */ protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // TODO Auto-generated method stub doGet(request, response); }}

二,html代码

			
三,微信小程序js代码

/*  向后端发送请求  */  btnPost:function(){    var url="http://localhost:8080/maven/testServelt"    wx.request({      url: url,      // jsonp: 'callbackfun',//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(默认为:callback)      // jsonpCallback: "jsonpCallback",//自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名      headers: {        'Content-Type': 'application/json'      },      success: function (res) {        console.log(res.data.images);      }    })  }

上一篇:小程序定时器
下一篇:关于json数据传输乱码问题

发表评论

最新留言

网站不错 人气很旺了 加油
[***.192.178.218]2025年03月28日 06时44分11秒