首页 > 技术文章 > 关于前后端数据的交互笔记

signoffrozen 2018-08-01 15:56 原文

一.前端提交到后台

1.form表单 

<body> <form action="ss.do?" method="get"> <input type="text" id ="input"/> <input type="button" value="提交" onClick="test()"> </form > </body> <script> function test(){ var f = document.getElementsByTagName("form")[0]; f.action=f.action+"id="+document.getElementById("input").value; alert(f.action); } </script>

2.ajax

<script type="text/javascript"> function login() { $.ajax({ //几个参数需要注意一下 type: "POST",//方法类型 dataType: "json",//预期服务器返回的数据类型 url: "/users/login" ,//url data: $('#form1').serialize(), success: function (result) { console.log(result);//打印服务端返回的数据(调试用) if (result.resultCode == 200) { alert("SUCCESS"); } ; }, error : function() { alert("异常!"); } }); } </script>

 

 

二.后端数据处理后返回给前端

1.el表达式$(xxx)...

 

前后端传输数据还有哪些方式,大家可以讨论下...

推荐阅读