ajax非同步請求的三種格式
阿新 • • 發佈:2019-02-14
以一個簡單的的form表單提交樣式為例
<!DOCTYPE html>
<html>
<head>
<title>ajax</title>
<meta charset="utf-8">>
</head>
<body>
<form>
<input type="text" id="username">
<input type="password" id="pwd">
<input type ="button" value="提交">
</form>
</body>
<script src="jquery-2.1.0.min.js"></script>
<!-- $.ajax提交格式 -->
<script type="text/javascript">
$.ajax({
type: 'POST',
url: '',
dataType: 'json',
data:"username="+username+"&pwd="+pwd,
success: function (data){
},
error:function(data) {
},
});
</script>
<!-- $.post提交格式 -->
<script type="text/javascript">
$.post('url',{data},function(data){
//方法執行成功後,程式碼才會走到這裡
});
</script>
<!-- $.get提交格式 -->
<script type="text/javascript" >
$.get('url',{data},function(data){
//方法執行成功後,程式碼才會走到這裡
});
</script>