ajax异步请求的三种格式

以一个简单的的form表单提交样式为例


<html>
<head>
    <title>ajaxtitle>
    <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>

<script type="text/javascript">
    $.ajax({
        type: 'POST',
        url: '',
        dataType: 'json',
        data:"username="+username+"&pwd="+pwd,
        success: function(data){

        },
        error:function(data) {

        },
    });     
script>

<script type="text/javascript">
    $.post('url',{data},function(data){
        //方法执行成功后,代码才会走到这里
    });
script>

<script type="text/javascript">
    $.get('url',{data},function(data){
        //方法执行成功后,代码才会走到这里
    });
script>

你可能感兴趣的:(前端,ajax,异步,表单)