AJAX介绍

代码:

$("#submitMsgId").click(function (){

                if(checkMsgStatus()){
                    
                    var usernameVal2 = $("#usernameId").val();
                    var ageVal = $("#ageId").val();
                    var sexVal = $("#sexId").val();
                    var emailNumberVal = $("#emailNumberId").val();
                    var addressVal = $("#addressId").val();
                    var phoneNumberVal2 = $("#phoneNumberId").val();
                    var questionVal2 = $("#questionId").val();
                    
                    $.ajax({
                        url:"customerLeaveMsg",
                        type:"get",
                        dataType:'json',
                        data:{
                            username:usernameVal2,
                            age:ageVal,
                            sex:sexVal,
                            emailNumber:emailNumberVal,
                            address:addressVal,
                            phoneNumber:phoneNumberVal2,
                            question:questionVal2
                        },     
                        success:function(data){
                            //如果返回的不是hashmap而是直接object,可以用下面方式获取
                            //具体返回的json是否是对象,可以alert(data);试一下
                            alert("data: "+data.str);
                            //传统json解析返回值
                            
                            //方式一:比较复杂,而且有被注入的风险
                            var returnMsg = eval("("+data+")");
                            
                            //alert(returnMsg.str);
                            //方式二:推荐                                                
                            var returnMsg2 = JSON.parse(data);
                            alert("data: "+data);
                            alert("returnMsg: "+returnMsg);
                            alert("returnMsg2: "+returnMsg2);
                            alert(returnMsg2.str);
                            
                            
                        },
                        error:function(){
                            alert("网络有问题 ,请稍后重试 ! ");
                        }
                    
                    });
                    
                }
                

            });

 

 

ajax同步和异步的问题

在什么都不设置的情况下,个人经验在代码跑到success:function(data)的时候,就会执行ajax之外的操作。

设置同步:

async: true,

 

设置异步:

async:false,

 

posted on 2019-08-03 21:44  周公  阅读(129)  评论(0编辑  收藏  举报

导航