1. 程式人生 > >ajax非同步請求的三種格式

ajax非同步請求的三種格式

以一個簡單的的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>