真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

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

需求:

天山網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián)公司,天山網(wǎng)站設(shè)計制作,有大型網(wǎng)站制作公司豐富經(jīng)驗。已為天山1000多家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)公司要多少錢,請找那個售后服務(wù)好的天山做網(wǎng)站的公司定做!

前端通過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 { 
    /*設(shè)置字符集為'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: 
    
    

結(jié)果與$.post一樣

3、通過$.ajax方法

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

$.ajax方法也是可以分為post和get方法的,通過修改type來修改發(fā)送的方式

結(jié)果與方法1是相同的

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持創(chuàng)新互聯(lián)。


新聞名稱:jQueryAjax前后端使用JSON進行交互示例
URL地址:http://weahome.cn/article/jidcgj.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部