jQuery Ajax请求： eval（关于火狐下SyntaxError: missing ] after element list

81 阅读 0 评论 54 点赞

我是靠谱客的博主愉快火，最近开发中收集的这篇文章主要介绍jQuery Ajax请求： eval（关于火狐下SyntaxError: missing ] after element list，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

在写一个省市级三级连动的时候，遇到一个问题：

在火狐浏览器下使用datasource=eval("("+data+")")报错

打印输出了ajax接受的数据控制器输出如下：

省级的代码：

$(function(){
    $.ajax({
    	url:"${packageContext.requset.contextPath}/../getPlace",
        async: true,
        type : "post",
        dataType:'json',
        data:{pid : 0},
        success:function(data){
        	console.log(data);
        	result = eval('('+data+')');
        	for(var x in data){
        		      var $option = $("<option value='" + data[x].codeid + "'>" + data[x].cityName + "</option>");
        		 $("#s1").append($option);   
        		 } 
        		           
        	},
        error:function(){
        	console.log("cuowu");
        	
        }

原因一：

如果后台返回的是一个string类型的json串，则谷歌和IE下将它解析成string类型，而火狐下则会显示成[object xmlDocument]，是一个object对象，这里可以看上面截图。

这时如果要想循环取得其中的值，则需将返回值转化成一个对象，datasource=eval("("+data+")")，这样转化会在火狐下报错

解决办法：在Ajax请求时，设置dataType:'json'

dataType这个属性就是告诉jQuery的ajax函数，按照这个格式去解析发送和接收的数据，而eval是我们自己去转这个格式。

原因二：

如果已经设置了dataType那么就无需在使用eval了，删除了即可。