Python入门自学进阶-Web框架——8、认识Ajax，与Django交互，基于jQuery

最新推荐文章于 2023-08-18 17:01:45 发布

web17886480312

最新推荐文章于 2023-08-18 17:01:45 发布

阅读量256

点赞数

分类专栏：面试学习路线阿里巴巴文章标签： java java进阶后端

本文链接：https://blog.csdn.net/web17886480312/article/details/124777156

版权

本文介绍了基于jQuery的Ajax实现，包括.get()和.post()方法，详细阐述了数据传递、回调函数以及JSONP用于跨域请求的原理。通过实例展示了如何在Django中处理Ajax请求，解释了CORB（跨域读取阻塞）的安全机制及其影响。

摘要由CSDN通过智能技术生成

基于jQuery的Ajax实现：

jQquery中创建XMLHttpRequest对象就没有兼容性问题了，而且不需要前面的四个步骤，直接使用 $. a j a x () ，通过设置相关的参数，如提交的方法， u r l ，数据等，一次性完成所有步骤及功能。$ .ajax()是jQuery实现ajax的最底层方法。

$.ajax(
url:
type:“POST” or “GET”
…
)

高级一些的封装：

$.get() ：直接就体现了GET提交
$.post() ：直接接体现了POST提交

上面是在 $. a j a x () 基础上的更高级封装，上述的方法至少不需要设置提交方法参数了。 < 1 >$ .get(url, [data], [callback], [datatype])
<2>$.post(url, [data], [callback], [datatype]) //datatype: text|html|json|script，数据的类型，要求后台返回的数据的类型。

不提交数据时两种方法的请求头：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<button name="btn1" onclick="func1();">ajax提交</button>
<script src="/static/js/jquery-3.6.0.js"></script>
<script>
    function func1() {
        test()
    }
    function test() {
        $.get("/app01/jqajaxtest/")
        // $.post("/app01/jqajaxtest/")
    }
</script>
</body>
</html>

def jqueryajax(req):
    return render(req,"jqueryajax.html")

def jqajaxtest(req):
    print("req.GET:",req.GET)
    return HttpResponse("ok111")