jQueryAjax前后端使用JSON进行交互示例

需求:

天山网站建设公司成都创新互联公司,天山网站设计制作,有大型网站制作公司丰富经验。已为天山1000多家提供企业网站建设服务。企业网站搭建\成都外贸网站建设公司要多少钱,请找那个售后服务好的天山做网站的公司定做!

前端通过jQuery Ajax传输json到后端,后端接收json,对json进行处理,后端返回一个json给前端

这里使用servlet的方式

1、采用$.post方法

index.jsp页面

 
<%@ page contentType="text/html; charset=UTF-8"%> 
 
 
 
 
 
 
 
  用户ID: 
    
  

CheckServlet.Java代码如下

package com.ajax; 
 
import java.io.IOException; 
import java.io.PrintWriter; 
 
import javax.servlet.ServletException; 
import javax.servlet.http.HttpServlet; 
import javax.servlet.http.HttpServletRequest; 
import javax.servlet.http.HttpServletResponse; 
 
public class CheckServlet extends HttpServlet { 
 
  public void doGet(HttpServletRequest request, HttpServletResponse response) 
      throws ServletException, IOException { 
    this.doPost(request, response); 
  } 
 
  public void doPost(HttpServletRequest request, HttpServletResponse response) 
      throws ServletException, IOException { 
    /*设置字符集为'UTF-8'*/ 
    request.setCharacterEncoding("UTF-8"); 
    response.setCharacterEncoding("UTF-8"); 
    String userid = request.getParameter("userid"); // 接收userid 
    String sex = request.getParameter("sex");//接收性别 
    System.out.println(userid); 
    System.out.println(sex); 
 
    //写返回的JSON 
    PrintWriter pw = response.getWriter(); 
    String json = "{'success':'成功','false':'失败'}"; 
    pw.print(json); 
    pw.flush(); 
    pw.close(); 
 
  } 
} 

由于这里采用的是servlet的方式,所以要配置web.xml

<?xml version="1.0" encoding="UTF-8"?> 
 
  Ajax 
 
   
    CheckServlet 
    com.ajax.CheckServlet 
   
   
    CheckServlet 
    /Ajax/CheckServlet 
   
 

在页面输入一个ID,可以在后台接收到并且打印出来,后台通过PrintWriter进行回写JSON返回前端,前端通过eval将JSON变换为Object对象,通过obj.name获取JSON值

2、采用$.get方法,只需要将jsp页面里面的post改为get即可

 
<%@ page contentType="text/html; charset=UTF-8"%> 
 
 
 
 
 
 
 
 
  用户ID: 
    
    

结果与$.post一样

3、通过$.ajax方法

 
<%@ page contentType="text/html; charset=UTF-8"%> 
 
 
 
 
 
 
 
 
  用户ID: 
    
    

$.ajax方法也是可以分为post和get方法的,通过修改type来修改发送的方式

结果与方法1是相同的

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持创新互联。


新闻名称:jQueryAjax前后端使用JSON进行交互示例
地址分享:http://bzwzjz.com/article/jidcgj.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 移动网站建设 成都网站建设公司 成都网站建设 盐亭网站设计 成都网站制作 成都网站建设推广 成都网站制作 重庆外贸网站建设 成都做网站建设公司 重庆网站建设 定制网站建设多少钱 企业网站建设 成都网站设计 成都网站制作 商城网站建设 成都商城网站建设 营销网站建设 app网站建设 成都企业网站制作 网站制作公司 成都网站设计 成都网站建设