通过 HTTP 请求加载远程数据。
jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数，除非你需要操作不常用的选项，以获得更多的灵活性。
最简单的情况下，$.ajax()可以不带任何参数直接使用。
注意，所有的选项都可以通过$.ajaxSetup()函数来全局设置。
回调函数
如果要处理$.ajax()得到的数据，则需要使用回调函数。beforeSend、error、dataFilter、success、complete。
jquery API地址：https://jquery.cuishifeng.cn/jQuery.Ajax.html
<!-- 表单部分 -->
<form action="#" onsubmit="return false" method="post" id="form">
<input type="text" value="" placeholder="公司名称" id="lyname" name="name" required="required" style="float: left;" maxlength="20" class="mar_m" />
<input type="text" value="" placeholder="您的手机" id="lytel" name="tel" required="required" style="float: right;" maxlength="11" id="phone" onblur="checkPhone()" />
<div style="clear:both"></div>
<input type="text" name="remark" id="lyremark" value="" placeholder="留言内容" class="content" />
<div id="" class='send'>
<button type="submit" onclick="login()">提交</button></div>
</form>
<!-- js部分 -->
// ajax表单提交
function login() {
// alert(“remark:”+ $(‘#lyremark’).val()+”name:”+ $(‘#lyname’).val()+”tel:”+ $(‘#lytel’).val())
$.post(“您的接口地址”, {
//获取用户输入的值，也是要传到后台的字段
remark: $(‘#lyremark’).val(),
name: $(‘#lyname’).val(),
tel: $(‘#lytel’).val(),
//以下为不需要获取的字段，留空即可
tel_spare: “”,
source: “官网”,
group: “”,
record_user_name: “”,
owner_name: “”,
type: null,
record_user: null,
owner: null,
department: null
},
//请求成功之后执行的函数
function(result) {
console.log(result);
// 请求成功后把值清空
$(‘#lyremark’).val(”);
$(‘#lyname’).val(”);
$(‘#lytel’).val(”);
//提示信息
alert(‘您已提交成功！’);
});
}
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/158691.html
