ajax同步异步和使用a链接

来源:互联网 发布:外盘期货数据接口api 编辑:程序博客网 时间:2024/06/05 21:35

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)" onclick="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>

原创粉丝点击