jQuery的ajax与django传参

最新推荐文章于 2025-09-12 15:58:40 发布

weixin_34368949

最新推荐文章于 2025-09-12 15:58:40 发布

阅读量161

点赞数

CC 4.0 BY-SA版权

文章标签： python javascript ViewUI

原文链接：http://www.cnblogs.com/Yellow0-0River/p/5499885.html

本文介绍了如何使用Django框架处理GET和POST请求，并通过jQuery实现AJAX与服务器的交互。提供了三种GET请求及两种POST请求的具体实现方式。

Get方式传参

Django中的代码如下：

urls.py代码：

from django.conf.urls import url
from django.contrib import admin
import AjaxTest.views

urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r"^index/$",AjaxTest.views.index),
]

views.py代码：

from django.http import HttpResponse

def index(req):
    print req.GET.get('url')
    if req.GET.get('url')=='test':
        return HttpResponse("hello,this is a test")
    else:
        return HttpResponse("hahahaha")

jQuery中的代码如下：

方式1：

$("input").click(function() {
	$.get("/index/?url=test", function (response, status, xhr) {
		$(".box").html(response);
	});
});

方式2：

$("input").click(function() {
    $.get("/index/", "url=test", function (response, status, xhr) {
        $(".box").html(response);
    });
});

方式3：

$("input").click(function() {
	$.get("/index/",{
		url:"test"
	},function(response,status,xhr){
		$(".box").html(response);
	});
});

POST方式传参

Django中的代码如下：

urls.py代码：

from django.conf.urls import url
from django.contrib import admin
import AjaxTest.views

urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r"^index/$",AjaxTest.views.index),
]

views.py代码如下：

def index(req):
    if req.POST.get('url')=='test':
        return HttpResponse("htllo,this is a test")
    else:
        return HttpResponse("hahahahah")

jQuery中的代码如下：

方式1：

$("input").click(function () {
	$.post("/index/","url=test",function(response,status,xhr){
		$(".box").html(response)
	});
});

方式2：

$("input").click(function(){
	$.post("/index/",{
		url:"test"
	},function (response,status,xhr) {
		alert(status);
		$(".box").html(response)
	});
});

方式3：

   $("input").click(function(){
        $.ajax({
            type:"POST",
            url:"/index/",
            data:{url:"test"},
            success:function (response,status,xhr) {
                $(".box").html(response);
            }
        })
    });

转载于:https://www.cnblogs.com/Yellow0-0River/p/5499885.html