ajax初运用

昨晚调ajax调到12点多，终于调通了，记录下心路历程，以备日后回顾。@H_404_1@

前台把数据变成json数据用ajax传到指定的url，后台把json解析后在封装传回前台，前台显示出来。
@H_404_1@

function whp(){
 var json = [];
 json.push({"id":"123","age":"12","name":"whp"});
 json = JSON2.stringify(json);
 $.ajax({
  url: __ctx + "/customer/customer/customer/whp.ht",async: false,//改为同步方式
  type: "POST",data: { json: json },dataType: "json",success: function (data,status) {
   alert(data.item.id);
  },error: function(XMLHttpRequest,textStatus,errorThrown) {
   alert(XMLHttpRequest.status);
   alert(XMLHttpRequest.readyState);
   alert(textStatus);
  },complete: function(XMLHttpRequest,textStatus) {
    this; // 调用本次AJAX请求时传递的options参数
  }
 });
}

后台：@H_404_1@

@H_404_1@

@RequestMapping("whp")
@ResponseBody //返回json/xml时用它
public String whp(HttpServletRequest request,HttpServletResponse response) throws Exception
{
 String json = RequestUtil.getString(request,"json");
 JSONArray jarray = JSONArray.fromObject(json);
 String id;
 Long name;
 Long age;
 for(Object obj : jarray){
  JSONObject jObj = (JSONObject)obj; 
  id = jObj.getString("id");
  name = jObj.getLong("name");
  age = jObj.getLong("age");
 }
 Item item;
 item.id = id; item.name = name; item.age = age;
 JSONObject jobject = new JSONObject();
 if(json == null)
  jobject.accumulate("null","null");
 else{
  jobject.accumulate("item",item);
  jobject.accumulate("secondData","justTest");
 }
 String resultString = jobject.toString();
 return resultString;
}

碰到的问题：

后台能够获得数据并处理，但无法返回前台。@H_404_1@

解决方法:确保url没有问题。单独访问能够访问url。因为一开始代码没有加@ResponseBody，导致访问url出现404。
@H_404_1@

@H_404_1@

再次帮别人写的时候，发现后台传递给前台的json数据无法获取到显示undefined。@H_404_1@

解决方法：@H_404_1@

var dataObj=eval("("+data+")");//转换为json对象
@H_404_1@

为什么要 eval这里要添加"("+data+")"呢？原因在于：eval本身的问题。由于json是以”{}”的方式来开始以及结束的，在JS中，它会被当成一个语句块来处理，所以必须强制性的将它转换成一种表达式。加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式（expression）转化为对象，而不是作为语句（statement）来执行。举一个例子，例如对象字面量{}，如若不加外层的括号，那么eval会将大括号识别为JavaScript代码块的开始和结束标记，那么{}将会被认为是执行了一句空语句。所以下面两个执行结果是不同的： alert(eval("{}"); // return undefined alert(eval("({})");// return object[Object] 对于这种写法，在JS中，可以到处看到。如: (function()) {}(); 做闭包操作时等。 @H_404_1@ 原文链接：https://www.f2er.com/ajax/163632.html

猜你在找的Ajax相关文章