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

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

Ajax怎么傳輸Json和xml數(shù)據(jù)

小編給大家分享一下Ajax怎么傳輸Json和xml數(shù)據(jù)，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

10年積累的網(wǎng)站建設(shè)、成都做網(wǎng)站經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先建設(shè)網(wǎng)站后付款的網(wǎng)站建設(shè)流程，更有涼城免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

ajax傳輸xml數(shù)據(jù)：只要把數(shù)據(jù)封裝成xml格式就可以實(shí)現(xiàn)傳輸，前臺(tái)js用responseXML接收xml參數(shù)，后臺(tái)讀取用流和dom4j來(lái)解析

前臺(tái)頁(yè)面

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>




Ajax XML數(shù)據(jù)處理演示

  //get方式ajax
  function send1(){
   alert("ok");
   var name=document.getElementsByName("name")[0].value;
   var age=document.getElementsByName("age")[0].value;
   var xhr=null;
   if(window.XMLHttpRequest){
    xhr=new XMLHttpRequest();
   }else{
    xhr=new ActiveXObject("Microsoft.XMLHttp");
   }

   var url=""+name+"&age="+age;
   //3設(shè)置訪問(wèn)方式
   xhr.open("GET", url, true);
   //4設(shè)置訪問(wèn)成功返回后的操作
   xhr.onreadystatechange=function(){
    if(xhr.readyState==4){//返回
     if(xhr.status==200){//響應(yīng)代碼正常
      var txt=xhr.responseText;
      alert(txt);

     }
    }
   };
   xhr.send(null);
  }
 



  //post方式ajax
  function send2(){
   alert("222");
   //1創(chuàng)建ajax對(duì)象
   var xhr = null;
   if(window.XMLHttpRequest){//高版本
    xhr = new XMLHttpRequest();
   }else{//低版本
    xhr = new ActiveXObject("Microsoft.XMLHttp");
   }

   //2請(qǐng)求地址
   var url = "";

   //3設(shè)置訪問(wèn)方式
   xhr.open("POST", url, true);
   //4設(shè)置訪問(wèn)成功返回后的操作
   xhr.onreadystatechange=function(){
    if(xhr.readyState==4){//返回
     if(xhr.status==200){//響應(yīng)代碼正常
      var xmlObj=xhr.responseXML;
      var users=xmlObj.getElementsByTagName("user");
      for(var i=0;i"+age+"";
   xhr.send(xml);
  }
 



 Name:
 
  Age:
 
 
 
 
 
 

后臺(tái)頁(yè)面

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>




Ajax XML數(shù)據(jù)處理演示

  //get方式ajax
  function send1(){
   alert("ok");
   var name=document.getElementsByName("name")[0].value;
   var age=document.getElementsByName("age")[0].value;
   var xhr=null;
   if(window.XMLHttpRequest){
    xhr=new XMLHttpRequest();
   }else{
    xhr=new ActiveXObject("Microsoft.XMLHttp");
   }

   var url=""+name+"&age="+age;
   //3設(shè)置訪問(wèn)方式
   xhr.open("GET", url, true);
   //4設(shè)置訪問(wèn)成功返回后的操作
   xhr.onreadystatechange=function(){
    if(xhr.readyState==4){//返回
     if(xhr.status==200){//響應(yīng)代碼正常
      var txt=xhr.responseText;
      alert(txt);

     }
    }
   };
   xhr.send(null);
  }
 



  //post方式ajax
  function send2(){
   alert("222");
   //1創(chuàng)建ajax對(duì)象
   var xhr = null;
   if(window.XMLHttpRequest){//高版本
    xhr = new XMLHttpRequest();
   }else{//低版本
    xhr = new ActiveXObject("Microsoft.XMLHttp");
   }

   //2請(qǐng)求地址
   var url = "";

   //3設(shè)置訪問(wèn)方式
   xhr.open("POST", url, true);
   //4設(shè)置訪問(wèn)成功返回后的操作
   xhr.onreadystatechange=function(){
    if(xhr.readyState==4){//返回
     if(xhr.status==200){//響應(yīng)代碼正常
      var xmlObj=xhr.responseXML;
      var users=xmlObj.getElementsByTagName("user");
      for(var i=0;i"+age+"";
   xhr.send(xml);
  }
 



 Name:
 
  Age:
 
 
 
 
 
 

--------------------------------------------------------------------------------

Ajax傳輸Json數(shù)據(jù)的要點(diǎn)利用Apache或者阿里巴巴的JSONArray類進(jìn)行傳輸
前臺(tái)代碼

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>




Ajax Json數(shù)據(jù)處理演示

 function ask1() {
  //1創(chuàng)建ajax對(duì)象
  var xhr = null;
  if (window.XMLHttpRequest) {//高版本
   xhr = new XMLHttpRequest();
  } else {//低版本
   xhr = new ActiveXObject("Microsoft.XMLHttp");
  }

  //2請(qǐng)求地址
  var url = "";

  //3設(shè)置訪問(wèn)方式
  xhr.open("POST", url, true);

  //4設(shè)置訪問(wèn)成功返回后的操作
  xhr.onreadystatechange = function() {
   if (xhr.readyState == 4) {//返回
    if (xhr.status == 200) {//響應(yīng)代碼正常
     //※※※※※解析后臺(tái)返回的json串
     //js中eval()方法的功能：是校驗(yàn)參數(shù)文本串符合js中哪一種數(shù)據(jù)類型，并把其轉(zhuǎn)換成對(duì)應(yīng)類型的對(duì)象
     var txt = xhr.responseText;
     var users = eval("(" + txt + ")"); //把符合json格式的文本串 轉(zhuǎn)換成 json對(duì)象
     for ( var i = 0; i < users.length; i++) {
      alert(users[i].id + "," + users[i].name + ","
        + users[i].age);
     }
    }
   }
  };
  //5 發(fā)送
  xhr.send(null);
 }

 function ask2() {
  //1創(chuàng)建ajax對(duì)象
  var xhr = null;
  if (window.XMLHttpRequest) {//高版本
   xhr = new XMLHttpRequest();
  } else {//低版本
   xhr = new ActiveXObject("Microsoft.XMLHttp");
  }

  //2請(qǐng)求地址
  var url = "";

  //3設(shè)置訪問(wèn)方式
  xhr.open("POST", url, true);

  //4設(shè)置訪問(wèn)成功返回后的操作
  xhr.onreadystatechange = function() {
   if (xhr.readyState == 4) {//返回
    if (xhr.status == 200) {//響應(yīng)代碼正常
     //※※※※※解析后臺(tái)返回的json串
     //js中eval()方法的功能：是校驗(yàn)參數(shù)文本串符合js中哪一種數(shù)據(jù)類型，并把其轉(zhuǎn)換成對(duì)應(yīng)類型的對(duì)象
     var txt = xhr.responseText;
     //alert(txt);
     //把符合json格式的文本串 轉(zhuǎn)換成 json對(duì)象
     var users = eval("(" + txt + ")"); 
     for ( var key in users)//map的便利方式
      alert("屬性：" + key + ",值：" + users[key]);
     }
     //for ( var i = 0; i < users.length; i++) {//list的遍歷方式
      //alert(users[i].id +","+users[i].name+","+users[i].age);
     //}
   };
  };
  //5 發(fā)送
  xhr.send(null);
 }


 function ask3() {
  //1創(chuàng)建ajax對(duì)象
  var xhr = null;
  if (window.XMLHttpRequest) {//高版本
   xhr = new XMLHttpRequest();
  } else {//低版本
   xhr = new ActiveXObject("Microsoft.XMLHttp");
  }

  //2請(qǐng)求地址
  var url = "";

  //3設(shè)置訪問(wèn)方式
  xhr.open("POST", url, true);

  //4設(shè)置訪問(wèn)成功返回后的操作
  xhr.onreadystatechange = function() {
   if (xhr.readyState == 4) {//返回
    if (xhr.status == 200) {//響應(yīng)代碼正常
     //※※※※※解析后臺(tái)返回的json串
     //js中eval()方法的功能：是校驗(yàn)參數(shù)文本串符合js中哪一種數(shù)據(jù)類型，并把其轉(zhuǎn)換成對(duì)應(yīng)類型的對(duì)象
     var txt = xhr.responseText;
     //alert(txt);
     //把符合json格式的文本串 轉(zhuǎn)換成 json對(duì)象
     var users = eval("(" + txt + ")"); 
     for ( var key in users)//map的便利方式
      alert("屬性：" + key + ",值：" + users[key]);
     }
     //for ( var i = 0; i < users.length; i++) {//list的遍歷方式
      //alert(users[i].id +","+users[i].name+","+users[i].age);
     //}
   };
  };
  //5 發(fā)送
  xhr.send(null);
 }




 
 
 
 

JsonServlet1.java

package cn.hncu.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 cn.hncu.domain.User;

public class JsonServlet1 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 {
  //調(diào)用后臺(tái)service.dao.query()，到數(shù)據(jù)庫(kù)當(dāng)中把信息讀取出來(lái)
  //為簡(jiǎn)化知識(shí)點(diǎn)的理解，此處后臺(tái)部分的功能直接模擬
  response.setContentType("text/html;charset=utf-8");
  PrintWriter out = response.getWriter();
  List users = new ArrayList();
  users.add(new User("A001","Jack",20));
  users.add(new User("A002","Rose",22));
  users.add(new User("B001","張三",20));
  users.add(new User("B002","李四",30));
  String json="";
  //用java封裝出json格式的字符串：[{name:"Jack",age:25}, {...}, {...} ]
  for(User u:users){
   if(json.equals("")){
    json="{name:\""+u.getName()+"\",id:\""+u.getId()+"\",age:"+u.getAge()+"}";
   }else{
    json = json +",{ name:\""+u.getName()+"\",id:\""+u.getId()+"\",age:"+u.getAge()+"}" ;
   }
  }
  json="["+json+"]";
  out.print(json);
 }

}

JsonServlet2.java

package cn.hncu.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 cn.hncu.domain.User;

import net.sf.json.JSONArray;
import net.sf.json.JSONObject;

public class JsonServlet2 extends HttpServlet {

 public void doPost(HttpServletRequest request, HttpServletResponse response)
   throws ServletException, IOException {

  response.setContentType("text/html;charset=utf-8");
  PrintWriter out = response.getWriter();
  List users = new ArrayList();
  users.add(new User("A001","Jack",20));
  users.add(new User("A002","Rose",22));
  users.add(new User("B001","張三",20));
  users.add(new User("B002","李四",30));
  String strJson=com.alibaba.fastjson.JSONArray.toJSONString(users);
  System.out.println(strJson);
  //用fastjson工具(只有一個(gè)jar包)幫我們把list轉(zhuǎn)換成json串
  Map map = new HashMap();
  map.put("addr", "湖南");
  map.put("height", "170");
  map.put("marry", "no");
  map.put("user", new User("A003","小李",25));
  String strMap=com.alibaba.fastjson.JSONArray.toJSONString(map);

  out.print(strMap.toString());
 }

}

JsonServlet3.java

package cn.hncu.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;
import cn.hncu.domain.User;

public class JsonServlet3 extends HttpServlet {

 public void doPost(HttpServletRequest request, HttpServletResponse response)
   throws ServletException, IOException {

  response.setContentType("text/html;charset=utf-8");
  PrintWriter out = response.getWriter();
  List users = new ArrayList();
  users.add(new User("A001","Jack",20));
  users.add(new User("A002","Rose",22));
  users.add(new User("B001","張三",20));
  users.add(new User("B002","李四",30));
  //用fastjson工具(只有一個(gè)jar包)幫我們把list轉(zhuǎn)換成json串
  JSONArray json=JSONArray.fromObject(users);
  String strJson=json.toString();
  System.out.println(strJson);

  Map map = new HashMap();
  map.put("addr", "湖南");
  map.put("height", "170");
  map.put("marry", "no");
  map.put("user", new User("A003","小李",25));
  JSONObject obj = JSONObject.fromObject(map);
  System.out.println(obj.toString());

  out.print(obj.toString());
 }

}

以上是“Ajax怎么傳輸Json和xml數(shù)據(jù)”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！


文章題目：Ajax怎么傳輸Json和xml數(shù)據(jù)
文章位置：http://weahome.cn/article/gjjpgo.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220（工作日）

18980820575（7×24）

提交需求

返回頂部