PHP实现ajax的get和post请求方式

历史老师-

已于 2022-11-16 14:29:17 修改

阅读量399

点赞数

分类专栏： php 文章标签： ajax php javascript

于 2022-11-16 14:22:22 首次发布

本文链接：https://blog.csdn.net/qq_32450471/article/details/127884386

版权

php 专栏收录该内容

46 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery.min.js"></script>
</head>
<body>

<button id="but">ajax点击</button>
<div id="text"></div>

</body>

<script>
    $('#but').click(function () {

        //$.get('http://localhost/test/shop_cart_ajax/index.php',{'username':'大哥'},function (res){
        //    $('#text').html(res);
        //})

        //$.post('http://localhost/test/shop_cart_ajax/index.php', {'username': '大哥', 'age': 22}, function (res) {
        //    $('#text').html(res);
        //});

        $.ajax({
            url: 'http://localhost/test/shop_cart_ajax/index.php',
            type: 'post',  // 替换get  随意切换请求类型
            data: {'username': '大哥', 'age': 22},
            dataType: 'html',
            success: function (data) {
                   $('#text').html(data);
            },
            error: function (data) {
                alert(data)
            }
        });
    })
</script>

</html>

在设置dataType时一定要注意是否与后台返回的类型一致，否则就会出现问题。

dataType 解释

预期服务器返回的数据类型。如果不指定，jQuery 将自动根据 HTTP 包 MIME 信息来智能判断，比如XML MIME类型就被识别为XML。在1.4中，JSON就会生成一个JavaScript对象，而script则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后，传递给回调函数。可用值:

"xml": 返回 XML 文档，可用 jQuery 处理。

"html": 返回纯文本 HTML 信息；包含的script标签会在插入dom时执行。

"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了"cache"参数。'''注意：'''在远程请求时(不在同一个域下)，所有POST请求都将转为GET请求。(因为将使用DOM的script标签来加载)

"json": 返回 JSON 数据。

"jsonp": JSONP 格式。使用 JSONP 形式调用函数时，如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。

"text": 返回纯文本字符串