Ajax使用方法，经典Ajax封装，可接收解析后台传回的json对象和json数组

最新推荐文章于 2023-04-23 10:37:31 发布
最新推荐文章于 2023-04-23 10:37:31 发布
阅读量5.6k 收藏 4
点赞数
分类专栏： ajax json ajax返回json数据 struts2中使用ajax ajax封装 文章标签： ajax json string callback exception object
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ydwuli06/article/details/6524715
版权

最近研究了下ajax 并把ajax方法做了简单的封装，可以应用于各种web应用中：

 

一，在struts2.x中应用

首先，创建jsp页面mytest.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>

<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
   
    <title>My JSP 'index.jsp' starting page</title>
 <meta http-equiv="pragma" content="no-cache">
 <meta http-equiv="cache-control" content="no-cache">
 <meta http-equiv="expires" content="0">   
 <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
 <meta http-equiv="description" content="This is my page">
 <script type="text/javascript">

 

//用于响应按钮点击事件   
  function testAjax(){
   //getServerTime();

  // var param="name=xumian&age=24";//字符形式的参数

   var param={"name":"xumian","age":"24"}//json格式的参数
   var ajax=new Ajax("ajaxJsonObj.action",param);
   var tmp=ajax.getResult("afertAjax");

   //var tmp=ajax.getResult(); //直接返回结果，不回调函数
   //alert(tmp)

 

 

  //var ajax=new Ajax("testJson.action","name=xumian");

  //var tmp=ajax.getResult();

   //alert(tmp.name);

 
  }

//后台响应后回调函数
  function afertAjax(obj){
   alert(obj[0].name);
  }

//ajax 对象
var Ajax=function(url,params){
 this.url=url;
 this.args="";
 this.parseUrl=function(){//构造ajax 的Url
  if(params instanceof Object){//json对象格式的参数
   var count=0;
   for(var item in params){
    if(count===0){
     this.args="?"+item+"="+params[item];
    }else{
     this.args=this.args+"&"+item+"="+params[item];
    }
    count=count+1;
   }
  }else if(params!==""&&params!==undefined){
   this.args="?"+params;
  }
  this.url=this.url+this.args;
  return this.url;
 };
 this.createXMLHttp=function(){//创建XMLHttp对象
  var xmlhttp=null;
  try {
   xmlhttp = new XMLHttpRequest();
  }catch (e) {
   xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  }
  return xmlhttp;
 };
 this.getResult=function(){//调用ajax并返回结果
  return this.exeAjax("", false);
 };
 this.getResult=function(callBack_method){//调用ajax并回调callBack_method 方法
  return this.exeAjax(callBack_method, false);
 };
 this.exeAjax=function(callback_method,isJson){
  var xmlHttp=this.createXMLHttp();
  xmlHttp.open("GET",this.parseUrl(),false);
  xmlHttp.send(null);
  if(xmlHttp.status=="200"){
   if(callback_method === ""||callback_method===undefined){
    try{
     return eval("("+xmlHttp.responseText+")");//返回json 类型的结果
    }catch(e){
     return xmlHttp.responseText;//返回字符串形式的结果
    }
   }
   var method="";
    try{
     method=callback_method+"("+xmlHttp.responseText.trim()+")";
     return eval(method);
    }catch(e){
     method=callback_method+"('"+xmlHttp.responseText.trim()+"')";
     return eval(method);
    }
   
  }else{
   return "error";
  }
 };
};
 </script>
  </head>
 
  <body>
    <div id="mm"  style="width:120px;">
  <input type="button" value="testAjax" οnclick="testAjax()"/>
 </div>
  </body>
</html>

 

然后，创建action TestAction.java:

 

package com.test.action;

import java.io.PrintWriter;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.HashMap;
import java.util.Map;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.apache.struts2.ServletActionContext;
import org.json.simple.JSONArray;
import org.json.simple.JSONObject;

import com.test.entity.Student;
import com.test.util.JsonData;

public class TestAction {

 private String name;
 private String password;

 public String execute() {
  System.out.println("test name:" + name);
  System.out.println("password:" + password);
  return "success";
 }

 

//以struts的方式返回json形式的结果

public String testJsonType(){

this.name="xumian";

return "success";

}

 

// 返回系统时间

 public String getServerTime() {
  try {
   SimpleDateFormat sd = new SimpleDateFormat("yyyy-MM-dd kk:mm:ss");
   // 获取原始的PrintWriter对象,以便输出响应结果,而不用跳转到某个试图
   HttpServletResponse response = ServletActionContext.getResponse();
   // 设置字符集
   response.setCharacterEncoding("UTF-8");
   PrintWriter out = response.getWriter();

   // 直接输入响应的内容
   out.println(sd.format(new Date()));
   /** 格式化输出时间 **/
   out.flush();
   out.close();

  } catch (Exception e) {
   // TODO: handle exception
   e.printStackTrace();
  }
  return null;// 不需要跳转某个视图 因为上面已经有了直接输出的响应结果

 }

 

//返回Json字符串

 public String ajaxTest() {
  try {
   // 获取原始的PrintWriter对象,以便输出响应结果,而不用跳转到某个试图
   HttpServletResponse response = ServletActionContext.getResponse();
   HttpServletRequest request=ServletActionContext.getRequest();
   // 设置字符集
   response.setCharacterEncoding("UTF-8");
   PrintWriter out = response.getWriter();
   String name = request.getParameter("name");
   System.out.println("just a test" + name);
   Student student = new Student();
   student.setName("xum/" ^%$#@@!?'ian");
   student.setAge(24);
   student.setBooks(new String[] { "java", "Oracle", "C" });
   Map<String, Integer> grads = new HashMap<String, Integer>();
   grads.put("java", 99);
   grads.put("C", 90);
   student.setGrads(grads);
   // 直接输入响应的内容
   out.println(JsonData.toJsonObj(student));
   out.flush();
   out.close();

  } catch (Exception e) {
   // TODO: handle exception
   e.printStackTrace();
  }
  return null;// 不需要跳转某个视图 因为上面已经有了直接输出的响应结果
 }
 

//返回json对象（数组）
 public String ajaxTestJson() {
  try {
   // 获取原始的PrintWriter对象,以便输出响应结果,而不用跳转到某个试图
   HttpServletResponse response = ServletActionContext.getResponse();
   HttpServletRequest request=ServletActionContext.getRequest();
   // 设置字符集
   response.setCharacterEncoding("UTF-8");
   PrintWriter out = response.getWriter();
   System.out.println(request.getParameter("name"));
   JSONArray ja=new JSONArray();
   JSONObject jo=new JSONObject();
   jo.put("name", "xumian");
   jo.put("age", 24);
   ja.add(jo);
   // 直接输入响应的内容
   out.println(ja);
   out.flush();
   out.close();

  } catch (Exception e) {
   // TODO: handle exception
   e.printStackTrace();
  }
  return null;// 不需要跳转某个视图 因为上面已经有了直接输出的响应结果
 }

 public void setName(String name) {
  this.name = name;
 }

 public String getName() {
  return name;
 }

 public void setPassword(String password) {
  this.password = password;
 }

 public String getPassword() {
  return password;
 }

}

 

对象转json字符串工具类：

package com.test.util;

import java.lang.reflect.Method;
import java.math.BigDecimal;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.Iterator;
import java.util.Map;
import java.util.Set;


public class JsonData {

 @SuppressWarnings("unchecked")
 public static String toJsonObj(Object obj) {

  StringBuffer sb = new StringBuffer();
  if (obj instanceof Object[]) {
   sb.append("[");
   Object[] values = (Object[]) obj;
   for (int i = 0; i < values.length; i++) {
    sb.append(toJsonObj(values[i]) + ",");
   }
   sb.append("]");
  } else if (obj instanceof ArrayList) {
   ArrayList list = (ArrayList) obj;
   sb.append("[");
   for (int i = 0; i < list.size(); i++) {
    sb.append(toJsonObj(list.get(i)) + ",");
   }
   sb.append("]");
  } else if (obj instanceof Set) {
   Set vset=(Set)obj;
   sb.append("[");
   Iterator it1 = vset.iterator();
   while(it1.hasNext()){
    sb.append(toJsonObj(it1.next())+",");
   }
   sb.append("]");
  } else if (obj instanceof Map) {
   Map map =(HashMap)obj;
   Set set =map.keySet();
   Iterator it = set.iterator();
   sb.append("{");
   while(it.hasNext()){
    Object keyObj=it.next();
    try{
     String key=keyObj.toString().replace("/"", "/"");
     sb.append("/""+key+"/":");
     sb.append(toJsonObj(map.get(keyObj)));
     sb.append(",");
    }catch(Exception e){
     sb.append("/""+keyObj+"/":");
     sb.append(toJsonObj(map.get(keyObj)));
     sb.append(",");
    }
   }
   sb.append("}");
  } else {
   if (obj instanceof String||obj instanceof Integer
     || obj instanceof Double || obj instanceof Float
     || obj instanceof Long || obj instanceof Character
     || obj instanceof Byte || obj instanceof BigDecimal) {
    sb.append("/"");
    sb.append(obj.toString().replaceAll("/"", "/""));
    sb.append("/"");
   } else {
    if(obj==null){
     return"/"null/"";
    }else if("".equals(obj)){
     return "/" /"";
    }
    StringBuffer objSB = new StringBuffer();
    StringBuffer objSB2 = new StringBuffer();
    String getMethod = "";
    Class c = obj.getClass();
    try {
     objSB.append("{");
     Method[] method=c.getMethods();
     for(int i=0;i<method.length;i++){
      String methodName=method[i].getName();
      if(methodName.startsWith("get")
        &&method[i].getParameterTypes().length==0
        &&!"getClass".equals(methodName)
        &&methodName.length()>3){
       String field=methodName.substring(3);
       field=field.replaceFirst(field.substring(0, 1), field.substring(0, 1).toLowerCase());
       try{
        Object objValue=c.getMethod(methodName, new Class[]{}).invoke(obj, new Object[]{});
        objSB.append("/""+field+"/":");
        objSB.append(toJsonObj(objValue));
        objSB.append(",");
       }catch(Exception nme){
        System.out.println("[warn] no method of "+ getMethod + " in "+c.getName());
       }
      }
     }
     objSB.append("}");
     sb.append(objSB.toString());

    } catch (Exception e) {
     objSB2.append("/"");
     objSB2.append(obj.toString().replaceAll("/"", "/""));
     objSB2.append("/"");
     sb.append(objSB2.toString());
    }
   }
  }

  return sb.toString().replaceAll(",}", "}").replaceAll(",]", "]");

 }

}

  

 

 

 

 

配置struts.xml的action：

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE struts PUBLIC
    "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"
    "http://struts.apache.org/dtds/struts-2.0.dtd">
<struts>
 <package name="demo" extends="struts-default">
  <action name="test" class="com.test.action.TestAction">
   <result name="success">
    /pages/mytest.jsp
            </result>
            <result name="error">
             /pages/error.jsp
            </result>
  </action>
  <action name="ajax_*" class="com.test.action.TestAction" method="{1}">
   <result>
    /pages/mytest.jsp
            </result>
  </action>
  <action name="ajaxObj" class="com.test.action.TestAction" method="ajaxTest">
   <result>
    /pages/mytest.jsp
            </result>
  </action>
  <action name="ajaxJsonObj" class="com.test.action.TestAction" method="ajaxTestJson">
   <result>
    /pages/mytest.jsp
            </result>
  </action>
 </package>

 

<!--这样配置的action 可以直接将action的属于以json形式返回，需引入json相关的jar包-->

<package name="json-login" extends="json-default" >

  <action name="testJson" class="loginAction" method="testJsonType">
   <result type="json"></result>
  </action>
 </package>

 


</struts>

 

 

 

 

 

 

这样就可以在struts2的架构中使用了；

 

 

二，在通用javaWeb项目中使用：

 

下面我介绍下如何不依赖任何mvc框架，直接在j2ee中使用ajax，实际上就是使用反射的基本方法直接调用指定类得指定方法而已：

 

创建一个javaweb项目，在WebRoot目录下创建一个目录Tools；

在刚才创建的Tools目录下建一个jsp文件：getAjax.jsp

<%@page contentType="text/xml; charset=UTF-8"%>
<%@page import="java.lang.reflect.Method" %>
<%
 response.setHeader("Cache-Control","no-cache");
 response.setHeader("Pragma","no-cache");
 response.setDateHeader("Expires",0);
 
 String param=request.getParameter("param");
 if(request.getParameter("postFlag")!=null){
  param=new String(param.getBytes("ISO8859-1"),"UTF-8");
 }
  String className=request.getParameter("className");
  String methodName=request.getParameter("methodName");
  String xmlString="";
  Object obj=null;
  try{
   obj=Class.forName(className).newInstance();
   Method m=obj.getClass().getMethod(methodName,new Class[]{java.lang.String.class,javax.servlet.http.HttpServletRequest.class});
   xmlString=(String)m.invoke(obj,new Object[]{param,request});
  }catch(Exception e){
   e.printStackTrace();
  }
  out.print(xmlString);
 %>

 

很显然这个jsp文件主要是接收Request然后通过反射调用后台的指定方法，再返回后台方法返回的结果；

 

在index.jsp中加入下面的代码：

 

<%@ page language="java" contentType="text/html; charset=UTF-8"
 pageEncoding="UTF-8"%>
<%@ page import="java.sql.*"%>
<%
 String path = request.getContextPath();
 String basePath = request.getScheme() + "://"
   + request.getServerName() + ":" + request.getServerPort()
   + path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>Test</title>
  <script type="text/javascript">

 

 function testAjax(){//响应按钮点击方法
  var classPath="com.test.servlet.AjaxServlet";
  var method="ajaxTest";
  var params={"name":"xumian","age":24}
  new Ajax(classPath,method,params).getResult("afterAjax");
 }

    

 function afterAjax(json){//ajax 响应后的回调方法
  alert(json.name+":"+json.grads.java);
  for(var i=0;i<json.books.length;i++){
   alert(json.books[i]);
  }
 }

 

//ajax 对象
var Ajax=function(classPath,method,params){
 this.url="tools/getAjax.jsp?param=''&className="+classPath+"&methodName="+method;
 this.args="";
 this.parseUrl=function(){//构造ajax 的Url
  if(params instanceof Object){//json对象格式的参数
   var count=0;
   for(var item in params){
    if(count===0){
     this.args="&"+item+"="+params[item];
    }else{
     this.args=this.args+"&"+item+"="+params[item];
    }
    count=count+1;
   }
  }else if(params!==""&&params!==undefined){
   this.args="&"+params;
  }
  this.url=this.url+this.args;
  return this.url;
 };
 this.createXMLHttp=function(){//创建XMLHttp对象
  var xmlhttp;
  try {
   xmlhttp = new XMLHttpRequest();
  } catch (e) {
   xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  }
  return xmlhttp;
 };
 this.getResult=function(){//调用ajax并返回结果
  return this.exeAjax("", false);
 };
 this.getResult=function(callBack_method){//调用ajax并回调callBack_method 方法
  return this.exeAjax(callBack_method, false);
 };
 this.exeAjax=function(callback_method,isJson){
  var xmlHttp=this.createXMLHttp();
  xmlHttp.open("GET",this.parseUrl(),false);
  xmlHttp.send(null);
  if(xmlHttp.status=="200"){
   if(callback_method === ""||callback_method===undefined){
    try{
     return eval("("+xmlHttp.responseText+")");//返回json 类型的结果
    }catch(e){
     return xmlHttp.responseText;//返回字符串形式的结果
    }
   }
   var method="";
    try{
     method=callback_method+"("+xmlHttp.responseText.trim()+")";
     return eval(method);
    }catch(e){
     method=callback_method+"('"+xmlHttp.responseText.trim()+"')";
     return eval(method);
    }
   
  }else{
   return "error";
  }
 };
};
 </script>
 </head>

 <body>
  <input type="button" value="test ajax" οnclick="testAjax()"/>
 </body>
</html>

创建一个供ajax调用的类：AjaxServlet.java

package com.test.servlet;
import java.util.HashMap;
import java.util.Map;
import javax.servlet.http.HttpServletRequest;
import com.test.Student;
import com.test.util.JsonData;

public class AjaxServlet{

 private static final long serialVersionUID = -6116994561375612882L;
 
 public String ajaxTest(String param,HttpServletRequest request){
  String name=request.getParameter("name");
  
  System.out.println("just a test"+name);
  Student student=new Student();
  student.setName("xum/" ^%$#@@!?'ian");
  student.setAge(24);
  student.setBooks(new String[]{"java","Oracle","C"});
  Map<String, Integer> grads=new HashMap<String, Integer>();
  grads.put("java", 99);
  grads.put("C", 90);
  student.setGrads(grads);
  return JsonData.toJsonObj(student);
 }
}

对象转json字符串工具类：

package com.test.util;

import java.lang.reflect.Method;
import java.math.BigDecimal;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.Iterator;
import java.util.Map;
import java.util.Set;


public class JsonData {

 @SuppressWarnings("unchecked")
 public static String toJsonObj(Object obj) {

  StringBuffer sb = new StringBuffer();
  if (obj instanceof Object[]) {
   sb.append("[");
   Object[] values = (Object[]) obj;
   for (int i = 0; i < values.length; i++) {
    sb.append(toJsonObj(values[i]) + ",");
   }
   sb.append("]");
  } else if (obj instanceof ArrayList) {
   ArrayList list = (ArrayList) obj;
   sb.append("[");
   for (int i = 0; i < list.size(); i++) {
    sb.append(toJsonObj(list.get(i)) + ",");
   }
   sb.append("]");
  } else if (obj instanceof Set) {
   Set vset=(Set)obj;
   sb.append("[");
   Iterator it1 = vset.iterator();
   while(it1.hasNext()){
    sb.append(toJsonObj(it1.next())+",");
   }
   sb.append("]");
  } else if (obj instanceof Map) {
   Map map =(HashMap)obj;
   Set set =map.keySet();
   Iterator it = set.iterator();
   sb.append("{");
   while(it.hasNext()){
    Object keyObj=it.next();
    try{
     String key=keyObj.toString().replace("/"", "/"");
     sb.append("/""+key+"/":");
     sb.append(toJsonObj(map.get(keyObj)));
     sb.append(",");
    }catch(Exception e){
     sb.append("/""+keyObj+"/":");
     sb.append(toJsonObj(map.get(keyObj)));
     sb.append(",");
    }
   }
   sb.append("}");
  } else {
   if (obj instanceof String||obj instanceof Integer
     || obj instanceof Double || obj instanceof Float
     || obj instanceof Long || obj instanceof Character
     || obj instanceof Byte || obj instanceof BigDecimal) {
    sb.append("/"");
    sb.append(obj.toString().replaceAll("/"", "/""));
    sb.append("/"");
   } else {
    if(obj==null){
     return"/"null/"";
    }else if("".equals(obj)){
     return "/" /"";
    }
    StringBuffer objSB = new StringBuffer();
    StringBuffer objSB2 = new StringBuffer();
    String getMethod = "";
    Class c = obj.getClass();
    try {
     objSB.append("{");
     Method[] method=c.getMethods();
     for(int i=0;i<method.length;i++){
      String methodName=method[i].getName();
      if(methodName.startsWith("get")
        &&method[i].getParameterTypes().length==0
        &&!"getClass".equals(methodName)
        &&methodName.length()>3){
       String field=methodName.substring(3);
       field=field.replaceFirst(field.substring(0, 1), field.substring(0, 1).toLowerCase());
       try{
        Object objValue=c.getMethod(methodName, new Class[]{}).invoke(obj, new Object[]{});
        objSB.append("/""+field+"/":");
        objSB.append(toJsonObj(objValue));
        objSB.append(",");
       }catch(Exception nme){
        System.out.println("[warn] no method of "+ getMethod + " in "+c.getName());
       }
      }
     }
     objSB.append("}");
     sb.append(objSB.toString());

    } catch (Exception e) {
     objSB2.append("/"");
     objSB2.append(obj.toString().replaceAll("/"", "/""));
     objSB2.append("/"");
     sb.append(objSB2.toString());
    }
   }
  }

  return sb.toString().replaceAll(",}", "}").replaceAll(",]", "]");

 }

}

 

测试中用到的实体类：

package com.test;

import java.util.Map;

public class Student {
 private String name;
 private int age;
 private String[] books;
 private Map grads;
 public String getName() {
  return name;
 }
 public void setName(String name) {
  this.name = name;
 }
 public int getAge() {
  return age;
 }
 public void setAge(int age) {
  this.age = age;
 }
 public String[] getBooks() {
  return books;
 }
 public void setBooks(String[] books) {
  this.books = books;
 }
 public Map getGrads() {
  return grads;
 }
 public void setGrads(Map grads) {
  this.grads = grads;
 }
}

 

启动项目，在页面上点击testAjax按钮就可以看到从后台返回的结果了；

 

 

aweto
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ajax获得json对象数组 循环输出数据的方法
10-18
今天小编就为大家分享一篇ajax获得json对象数组 循环输出数据的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
ThinkPHP中使用ajax接收json数据的方法
10-25
本篇文章将详细讲解如何在ThinkPHP中使用AJAX接收JSON数据。 首先，我们需要理解JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它易于人阅读和编写，同时也易于机器解析和生成。在前后端通信中，...
ajax传递多组对象到后台 并 解析
诺花雨的博客
02-17 1万+
ajax传递多组对象到后台并解析 一.引入     平常我们在使用jquery ajax时，大多数是单一的参数，可能不会用到对象数组的，但是在某些情况下，就会遇到这个，（比如，我们需要批量添加一组人员的信息），这种情况下如果使用特殊字符串将各属性值隔开，然后每组数据之间再用特殊字符隔开也是可以做到的，但是这不标准,易出错,因此这时使用对象数组就能很好地解决上面的问题。 二.具体操作
ajax写法和json的知识点
m0_59176231的博客
04-23 564
ajax的使用，json的使用
ajax请求与json数据处理
weixin_30768661的博客
11-21 429
一，ajax使用配置 　　1）使用ajax之前先引入jquery 　　<script type="text/javascript" src="js/jquery-1.8.2.js"></script> 二，ajax常用格式 　　　　var u = $("#uUsername").val(); 　　1）$.ajax({ 　　　　url : 'user/che...
Ajax的简单使用与JSON数据格式
xikx99的博客
05-12 695
Ajax 1、概念 Asynchronous JavaScript And XML： 异步的JavaScript和XML 1、异步和同步：客户端和服务器通信的基础上 ​ 同步：客户端必须等服务器的响应，在等待的时间内不可以做其它的操作 ​ 异步：客户端不需要等待服务器的响应，在服务器处理请求的过程中可以干其它的事情 ​ Ajax是一种无需重新加载整个网页的情况下，能够更新部分网页的技术 ​ 通过与后台服务器少量数据交换，Ajax可以使网页实现异步更新，这意味着可以不在重新加载整
AJAX处理JSON数据方法
komtao520的博客
08-03 875
>  html xmlns="http://www.w3.org/1999/xhtml">  head>      title>title>      script src="JS/jquery-1.8.0.min.js" type="text/javascript">script>      script type="text/javascript">       $(function () {
AJAX和struts2传递JSON数组
12-05
在本场景中，我们将探讨如何使用AJAX来传递JSON数组，并在Struts2的Action中接收和处理这些数据。 首先，JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它易于人阅读和编写，同时也易于机器解析...
ajax响应json字符串和json数组的实例(详解)
01-19
最近上班太忙，晚上抽空整理一下ajax请求中，后台返回json字符串和json数组的场景，以及前台的处理示例。 直接看代码。 json字符串的后台响应 package com.ajax; import java.io.IOException; import java.io....
AJAX异步加载JSON数据
抛弃幻想，准备斗争
10-21 550
利用Servlet生成JSON数据，而后发送给前端，前端利用AJAX进行异步请求，而后将数据填充到 下拉列表框中。 使用JSON要比使用XML更加小巧，使用JSON的生成工具要比直接编写字符串简单。 范例：定义一个Servlet,可以生成JSON数据 JSONServlet.java @SuppressWarnings("serial") @WebServlet(urlPatterns="/...
JavaScript中关于传参的多样化形式
LuckFairyLuckBaby的博客
06-26 352
1.方法一：JSON.stringify(row,['memberId']) {title: '会员ID', field: 'memberId', visible: false, align: 'center', valign: 'middle' , sortable:true}, frozenMember="<button type='button' class='btn btn-...
ajax封装
qq_21692693的博客
12-24 1472
(function () { var $ax = function (url, success, error) { this.url = url; this.type = "post"; this.data = {}; this.dataType = "json"; this.async = false; this.success = success; this.e...
ajax封装js
jattxgt的博客
10-15 195
ajax工具类代码： 注意：使用前需要引入jquery (function () { var $ax = function (type,url, success, error) { this.url = url; this.type = type; this.data = {}; this.dataType = "json"; this.async = false; ...
Ajax传json对象（jQuery）
叶鹤的博客
01-21 9914
Ajax传json对象 相信很多小伙伴想要通过Ajax传输json数据给后端，本来直接发送一个data: JSON.stringify(obj)就可以了，但是发现后端的请求参数中有一个参数需要int类型，这个时候就需要用到对象了。 封装对象 首先得到数据并封装对象 （我用的是jQuery） obj = { "number": obj.number, "password": obj.password,
ajax 表单转json,通过AJAX将Django表单作为JSON发送
weixin_36277530的博客
08-05 204
你可以做的两件事是：将表单呈现为HTML字符串，然后发送该字符串。创建一个JSON对象，从中可以构造HTML。下面是一个如何将表单对象转换为json的示例：import jsondef form_to_json(form):result = {}for name, field in form.fields.iteritems():result[name] = field_to_dict(field...
Ajax请求数据封装为对象装入数组的方法
weixin_43608538的博客
02-17 1785
方法一： var arr=[];//申请数组 $.ajax({ url: 'pm/getPmNationCountByOrg', type: 'post', async: false, //同步 dataType: 'json', data: {}, success: function (res) { for (var i = ...
ajax传参数json对象到后台获取
热门推荐
小蜗牛的博客
07-04 5万+
var data = {data:{name:'pxxx', paramData:[{dataSource:'a1',table:'t1',field:'f1','r':[{name1:"01",p:''},{name2:"02",p:'10,100'},{name2:"01",p:''}]}, {da...
【Ajax】传递Json对象到MVC后台解析
gx_up
09-08 1944
时在做批量删除或批量修改的时候经常需要传递一个数组集合到台。1、怎么在前端用ajax提交一个json数组到后台，后台怎么获得
【ASP.NET编程知识】ASP.NET使用Ajax返回Json对象的方法.docx
最新发布
05-18
总的来说，ASP.NET使用Ajax返回Json对象的方法，主要是通过在页面中使用jQuery的$.ajax方法发送异步请求，并在服务端使用ASP.NET的处理程序来处理这个请求，然后返回Json格式的数据。在客户端接收到Json对象后，通过...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值