前言
在一个项目中,前后端的交互是很频繁的。
有的是要获取一个数据,有的是要改标一个状态,有的是需要提交用户输入,有的是要上传一个文件,本文就是这么的一个代码
/**
* 通用的js前后端交互代码
* 依赖layer.js
* ajaxPost处理本页提交的js请求,不对返回结果做处理,只 '显示' 或者 '刷新页面' 或者 '跳转'
* ajaxGet同上,但是没有data选项,如果有数据发送,跟随在url中
* ajaxFile表单文件提交
* ajaxForm表单提交
* 表单提交的时候,需要提交的选项用class="send-item"标识,默认必填项。
* 内容提示先获取data-msg的值,如果没有,获取palceholder的值。
* 如果不是必填项,需要添加no-required,即class="send-item no-required"
* 表单带有文件上传的时候有两种,一种是先上传文件,获得返回值即文件的存储路径,提交表单的时候提交文件存储路径,请使用ajaxForm
* 如果文件内容跟随表单提交,请使用ajaxFile
*/
function ajaxPost(url, data){
layer.closeAll('msg');
layer.load();
$.ajax({
url: url