小笔记：ajax传递数组及将ajax返回数据赋值

Posted 2020-08-21 竹夜风影

当使用ajax传递数据时，有可能传递多个数据，这是使用以下方法传递数据就会显得数据过多且混杂

$.ajax({
            type:‘post‘,
            url:url,
            data:{data:data,content1:content1,content2:content2,content3:content3,...........},
            success:function(data){
                alert(data)
            }
        });

这时我们就可以先在传递数据之前，将数据封装在数组中，但是要注意，定义数组的时候要用arr={}形式

var arr={};
var text=‘‘;
arr[‘content1‘]=‘值1‘;
arr[‘content2‘]=‘值2‘;
arr[‘content3‘]=‘值3‘;
arr[‘content4‘]=‘值4‘;

$.ajax({
            type:‘post‘,
            url:url,
            data:arr,
            async : false,//设置为同步操作就可以给全局变量赋值成功 
            success:function(data){
　　　　　　　　　　text=data;
            }
        });

alert(text)

上述代码中async:false是将ajax传递默认的异步操作设为同步操作，这样可以将返回的值赋值给text,运行的时候弹出框会输出返回的内容，如果没有async:false
，弹出为空