Django 의 Ajax
AJAX=Asynchronous JavaScript and XML(비동기 JavaScript 와 XML).
AJAX 는 새로운 프로 그래 밍 언어 가 아니 라 기 존 표준 을 사용 하 는 새로운 방법 이다.
AJAX 는 서버 와 데 이 터 를 교환 하고 일부 웹 페이지 를 업데이트 하 는 아 트 로,전체 페이지 를 다시 불 러 오지 않 은 상태 에서 진행 된다.
Ajax
많은 경우,우리 가 웹 페이지 에서 조작 을 요청 할 때,페이지 를 새로 고 칠 필요 가 없다.이런 기능 을 실현 하 는 기술 은 Ajax!
jQuery 의 ajax 는 페이지 를 새로 고치 지 않 고 배경 에 데 이 터 를 요청 하거나 제출 할 수 있 는 기능 을 실현 할 수 있 습 니 다.django 의 ajax 를 만 들 기 때문에 jquery 를 다운로드 하 십시오.버 전이 높 을 수록 좋 습 니 다.
1.ajax 에서 간단 한 데이터 형식 을 보 냅 니 다:
html 코드:여기 서 간단 한 문자열 만 보 냅 니 다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-">
<title></title>
</head>
<body>
<input type="button" onclick="AjaxSubmit();" value=" ">
<script src="/static/jquery-...min.js"></script>
<script>
function AjaxSubmit(){
var host = '...';
var port = '';
$.ajax({
url:"/app/ajax_submit/",
type:'POST',
data:{host:host,port:port},
success: function (arg) {
}
});
}
</script>
</body>
</html>
# coding:utf-8
from django.shortcuts import render,HttpResponse
def ajax_submit(request):
print request.POST #
return render(request,'ajax_submit.html') 
2.ajax 에서 복잡 한 데이터 형식 을 보 냅 니 다:
html 코드:여기 서 사전 데이터 형식 을 포함 하 는 목록 만 보 냅 니 다.
보 낸 데이터 형식 이 목록 사전 형식 이기 때문에 문자열 형식 으로 미리 변환 해 야 합 니 다.그렇지 않 으 면 배경 프로그램 에서 받 은 데이터 형식 은 우리 가 원 하 는 형식 이 아니 기 때문에 ajax 에서 데 이 터 를 전송 할 때 JSON 이 필요 합 니 다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-">
<title></title>
</head>
<body>
<input type="button" onclick="AjaxSubmit_set();" value=" ">
<script src="/static/jquery-...min.js"></script>
<script>
function AjaxSubmit_set(){
var data_list = [
{'name':'chenchao','age':},
{'name':'lisi','age':},
{'name':'wangwu','age':}
];
$.ajax({
url:"/app/ajax_submit_set/",
type:'POST',
tradition:true,
data:{data:JSON.stringify(data_list)},
success: function (arg) {
}
});
}
</script>
</body>
</html>
def ajax_submit_set(request):
print request.POST
return render(request,'ajax_submit.html') 
3.잠시 만 요.아직 끝나 지 않 았 어 요.
비록 우 리 는 기능 을 실 현 했 지만,이것 은 아직 부족 하 다.왜냐하면 매우 전문 적 으로 보이 지 않 기 때문에,우 리 는 약간 처리한다.
success:function(arg){}ajax 가 데 이 터 를 제출 하 는 데 성공 하면 이 함수 가 자동 으로 실 행 됩 니 다.
html 코드:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-">
<title></title>
</head>
<body>
<input type="button" onclick="AjaxSubmit();" value=" ">
<input type="button" onclick="AjaxSubmit_set();" value=" ">
<script src="/static/jquery-...min.js"></script>
<script>
function AjaxSubmit(){
var host = '...';
var port = '';
$.ajax({
url:"/app/ajax_submit/",
type:'POST',
data:{host:host,port:port},
success: function (arg) {
}
});
}
function AjaxSubmit_set(){
var data_list = [
{'name':'chenchao','age':},
{'name':'lisi','age':},
{'name':'wangwu','age':}
];
$.ajax({
url:"/app/ajax_submit_set/",
type:'POST',
tradition:true,
data:{data:JSON.stringify(data_list)},
success: function (arg) { //
var callback_dic = $.parseJSON(arg);
if(callback_dic.status){
alert(' ');
}else{
alert(callback_dic.error); //
}
}
});
}
</script>
</body>
</html>
# coding:utf-
from django.shortcuts import render,HttpResponse,redirect
def ajax_submit(request):
print request.POST
return render(request,'ajax_submit.html')
import json
def ajax_submit_set(request):
ret = {'status': True,'error': ""}
try:
print request.POS
except Exception, e:
ret['status'] = False
ret['error'] = str(e)
j_ret = json.dumps(ret)
return HttpResponse(j_ret)전단 의 ajax 코드 는 다음 과 같 습 니 다:
$.ajax({
type:'GET',
url:'/store/ds_mgmt_wx/ajax_handle',
dataType:'html',
success:function(data)
{
alert(data);
},
error:function(data)
{
alert(data);
}
});
if act_job == 'ajax_handle':
return HttpResponse('ajax_handle')이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Django의 질문 및 답변 웹사이트환영 친구, 이것은 우리의 새로운 블로그입니다. 이 블로그에서는 , 과 같은 Question-n-Answer 웹사이트를 만들고 있습니다. 이 웹사이트는 회원가입 및 로그인이 가능합니다. 로그인 후 사용자는 사용자의 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
