Ajax|HTML获取数据打印Json数据
今天在写页面的时候需要用Ajax传数据,然后呢,需要在HTML页面上接收到输入框的相关数据并且转换为JSON数据格式,然后通过ajax传输数据到后台,以下是相关的ajax代码。(sub为按钮的id,并且需要导入jquery的js文件)
1 <script type="text/javascript"> 2 $(function(){ 3 document.getElementById("sub").addEventListener("click",function(e){ 4 var Title=$("#Title").val();//获取标题 5 var UserName=$("#UserName").val();//获取姓名 6 7 //格式化 8 var formdata={ 9 "Title":Title, 10 "UserName":UserName 11 } 12 //打印JSON数据 13 console.log(formdata); 14 15 $.ajax({ 16 url:"/url", 17 type:"POST", 18 data:JSON.stringify(formdata), 19 dataType:'json', 20 contentType:"application/JSON;charset=UTF-8", 21 processData:false, 22 async:false, 23 success:function(data){ 24 console.log(data);//打印Json数据 25 console.log(data.Data);//控制台打印后台返回的数据 26 alert(data.Data);//弹出后台返回的数据 27 }, 28 error:function(data){ 29 alert("Error!") 30 } 31 }); 32 }) 33 }) 34 </script>