关于前后端数据的交互笔记

一.前端提交到后台

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)...

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

原文地址:https://www.cnblogs.com/signoffrozen/p/9401728.html