夏日博客

A-A+

jQuery中ajax post方法提交数据

2016年01月10日 前端设计 暂无评论 阅读 5 views 次

ajax提交数据的方式有get,post了，在这里下面小编为各位整理了一个简单的ajax post方法提交数据例子，希望对各位有帮助。

例子:

  1. <!DOCTYPE html>   
  2. <html>   
  3. <head>   
  4. <script src="js/jquery.min.js">   
  5. </script>   
  6. <script>   
  7. $(document).ready(function(){   
  8.  $("button").click(function(){   
  9.   $.post("demo_test_post.asp",   
  10.   {   
  11.    name:"Donald Duck",   
  12.    city:"Duckburg"  
  13.   },   
  14.   function(data,status){   
  15.    alert("Data: " + data + "\nStatus: " + status);   
  16.   });   
  17.  });   
  18. });   
  19. </script>   
  20. </head>   
  21. <body>   
  22. <button>发送POST数据并获取返回结果</button>   
  23. </body>   
  24. </html>  

ajax post提交数据乱码

firefox下测试都正常,chrome和ie内核下都是有此问题，此问题设置了页面属性为utf-8时候，只有firefox是传的charset=utf-8的头文件chrome和ie都没有指定，所以出现乱码问题.

解决方法：

  1. $.ajaxSetup({  
  2.   contentType: "application/x-www-form-urlencoded; charset=utf-8"  
  3. });  
  4. $.post("test.php", { name: "i5a6", time: "2pm" },  
  5.    function(data){  
  6.      process(data);  
  7.    }, "json");  
  8.    
  9. //或者使用：  
  10.   
  11. $.ajax({  
  12.   url:url,  
  13.   type:"POST",  
  14.   data:data,  
  15.   contentType:"application/x-www-form-urlencoded; charset=utf-8",  
  16.   dataType:"json",  
  17.   success: function(){  
  18.     ...  
  19.   }  
  20. })  

总结一句：ajax乱码就是中文问题了，只要把页面编辑转成uft8 就可以了，通常可以使用contentType:来定义类型了，当然在接受时也可以使用转换函数来操作

标签：

给我留言