jquery java ajax_js和jQuery实现的Ajax

1. JS实现Ajax

content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

Document

Ajax测试

var js_ajax_test = document.getElementById("js_ajax_test");

js_ajax_test = function () {

var xmlHttp = new XMLHttpRequest();

xmlHttp.open("POST", "/js_ajax_test/", true);

xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

xmlHttp.send("username=yang&password=123");

xmlHttp.onreadystatechange = function () {

if (xmlHttp.readyState === 4 && xmlHttp.status ===200){

alert(xmlHttp.responseText)

}

}

}

2. jQuery实现的Ajax

最基本的jQuery发送Ajax请求示例：

content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

ajax test

AJAX测试

$("#ajaxTest").click(function () {

$.ajax({

url: "/ajaxTest/",

type: "POST",

data: {username: "yang", password:123},

success: function (data) {

alert(data)

}

})

})

views.py

def ajax_test(request):

return render(request, "ajax_test.html")

def ajaxTest(request):

username = request.POST.get("username")

password = request.POST.get("password")

return HttpResponse("用户名：{} 密码：{}".format(username, password))

urls.py

from django.conf.urls import url

from django.contrib import admin

from app01 import views

urlpatterns = [

url(r'^admin/', admin.site.urls),

url(r'^ajax_test/', views.ajax_test),

url(r'^ajaxTest/', views.ajaxTest)

]

3. Ajax中使用JSON

data参数中的键值对，如果值不为字符串，需要将其转换成字符串类型。

如果没有转换为字符串，那么views中的代码就接收不到password的值。

$("#ajaxTest").click(function () {

$.ajax({

url: "/ajaxTest/",

type: "POST",

data: {username: "yang", password:JSON.stringify([1, 2, 3])},

success: function (data) {

alert(data)

}

})

})