ajax 請求接口實例

通過 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('您已提交成功！');
});

}