ajax同步异步和使用a链接_ajax 里加a链接-CSDN博客

本文链接：https://blog.csdn.net/jiandancubao/article/details/77971151

1.ajax提交form表单时，尽量用a链接，不用button（button自带提交功能，与ajax冲突）

2.ajax同步异步请看下面的注释（“打印a”指的是下面的“alert(a)”,这里是给会写不会看代码的人强调一下）

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
<form action="" method="post">
    <input type="text" name="name">
    <a href="javascript:void(0)" οnclick="aaa()">anniu</a>/*使用a链接*/
</form>

<script>
    var a=1;
    function aaa(){
        $.ajax({
            url: "/index.php",
            type: "POST",
            dataType: "json",
//            async: false,//先走ajax，在打印a(同步)
            async: true,//先打印a，再走ajax（异步）(其实a和ajax一起执行的，不过ajax返回的慢，所以先打印了a)
            success: function (data) {
                alert(data);
                window.location.href='http://www.baidu.com';
                a=2;

            },
            error:function(){
                alert(2222);
                a=2;
            }

        });
        alert(a);
    }
</script>
</body>
</html>