前端技术1_一个标准的ajax

一个标准的ajax

读者的话：总结下以往的工作，发现自己比以前有了许多进步，为了感谢粉丝们的支持，我将致力打造精品博客，改变以前做博客纯属为了自己做备注的习惯，再次也希望大家批评和指正，如果解决了您的问题，记得关注和点赞哈

---

直接上代码:

<script type="text/javascript">
   function insertg(){
	    var d = {};
	    var t = $('#formid').serializeArray();
	    $.each(t, function() {
	      d[this.name] = this.value;
	    });
	   $.ajax({
		   type:"post",
		   async:true,
		   url:"<%=basePath%>girls/insert.do",
		   data: JSON.stringify(d),
		   dataType: 'json',
           contentType:'application/json;charset=UTF-8',
		   success:function(data){
			if(typeof result== "string"){
                        result = eval('(' + result + ')');
                    }
                    if (!result.success) {
                     //$.messager.alert("提示", result.message, 'error');
                        } else {
                      //$.messager.alert("提示", result.message, 'info');
                         location.reload()
                        }
                    }
	   })
   }

</script>

---

代码解释：理解不一样的ajax

(1) ajax 必要不再累述
(2) 因为在自己的后台使用的是spring MVC 接收参数，所以此处使用 dataType，contentType 两个参数来保证ajax 的参数为 json 格式以及http 请求指定响应的 HTTP内容类型+编码
(3)如下代码块 formid 是表单的id,代码块的作用主要是获取 {playId:playId,playState:playState}
当然如果不传整个表单，可以
类型的变量。

 var d = {};
        var t = $('#formid').serializeArray();
        $.each(t, function() {
          d[this.name] = this.value;
        });

（4）JSON.stringify() 方法是将变量转换成对应的json 对象（作为ajax请求参数）。
（5）如下代码块将ajax 返回结果序列话转换成对象类型。

           if(typeof result== "string"){
                 result = eval('(' + result + ')');
            }

---

要克服生活的焦虑和沮丧，得先学会做自己的主人,有问题留言，没问题留下你的赞
博客声明：
1.博客内容全是对工作学习的总结。
2.知识点都经过测试和推敲，如有疑问请留言，一定及时解决。