$.ajax()

Posted 小白不白

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了$.ajax()相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>

<button>发送ajax</button>

<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script>
    $(‘button‘).click(function() {
        $.ajax({
            url: ‘json.php‘,
            type: ‘POST‘, //GET
            async: true,    //或false,是否异步
            data: {
                name: ‘yang‘, age: 25
            },//给服务器传的数据
            timeout: 5000,    //超时时间
            dataType: ‘json‘,    //返回的数据格式：json/xml/html/script/jsonp/text
            beforeSend: function (xhr) {
                console.log(xhr);
                console.log(‘发送前‘)
            },
            success: function (data, textStatus, jqXHR) {
                console.log(data);
                console.log(textStatus);
                console.log(jqXHR)
            },
            error: function (xhr, textStatus) {
                console.log(‘错误‘);
                console.log(xhr);
                console.log(textStatus)
            },
            complete: function () {
                console.log(‘结束‘)
            }
        })

    })
</script>
</body>
</html>

　　

以上是关于$.ajax()的主要内容，如果未能解决你的问题，请参考以下文章

Javascript代码片段在drupal中不起作用

前端面试题之手写promise

Ajax 片段元标记 - Googlebot 未读取页面内容

执行AJAX返回HTML片段中的JavaScript脚本

javascript AJAX片段

Spring MVC 3.2 Thymeleaf Ajax 片段