ホームページ >ウェブフロントエンド >jsチュートリアル >Django Ajax の使い方チュートリアル
Django Ajax の使い方チュートリアル
- 亚连オリジナル
- 2018-05-22 13:57:441309ブラウズ
この記事では主に Django Ajax の使い方チュートリアルを紹介します。必要な方は参考にしてください。
はじめに:
AJAX = Asynchronous JavaScript and XML (非同期 JavaScript と XML)。
AJAX は新しいプログラミング言語ではなく、既存の標準を使用する新しい方法です。
AJAX は、サーバーとデータを交換し、ページ全体をリロードせずに Web ページの一部を更新する技術です。
Ajax
多くの場合、Web ページ上で操作をリクエストするときに、ページを更新する必要はありません。この機能を実現する技術には Ajax が必要です。
jQueryのAjaxは、ページを更新せずにバックグラウンドでデータをリクエストまたは送信する機能を実現できるようになりました。そのため、最初にjqueyをダウンロードするのはバージョンが高いほど良いです。
1. Ajax は単純なデータ型を送信します:
html コード: ここでは単純な文字列のみを送信します
views.py
#coding:utf8
from django.shortcuts import render,HttpResponse,render_to_response
def Ajax(request):
if request.method=='POST':
print request.POST
return HttpResponse('执行成功')
else:
return render_to_response('app03/ajax.html')
ajax.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Ajax</title>
</head>
<body>
<input id='name' type='text' />
<input type='button' value='点击执行Ajax请求' onclick='DoAjax()' />
<script src='/static/jquery/jquery-3.2.1.js'></script>
<script type='text/javascript'>
function DoAjax(){
var temp = $('#name').val();
$.ajax({
url:'app03/ajax/',
type:'POST',
data:{data:temp},
success:function(arg){
console.log(arg);
},
error:function(){
console.log('failed')
}
});
}
</script>
</html>
走って、結果:
2. Ajax は複雑なデータ型を送信します:
html コード: 辞書データ型を含むリストのみがここに送信されます
送信されるデータ型はリスト辞書を使用するには、事前に文字列形式に変換する必要があります。そうしないと、バックグラウンド プログラムによって受信されるデータ形式が必要なタイプではないため、ajax 経由でデータを送信する場合は JSON が必要です
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-">
<title>Ajax</title>
</head>
<body>
<input id='name' type='text' />
<input type='button' value='点击执行Ajax请求' onclick='DoAjax()' />
<script src='/static/jquery/jquery-3.2.1.js'></script>
<script type='text/javascript'>
function DoAjax(){
var temp = $('#name').val();
$.ajax({
url:'app03/ajax/',
type:'POST',
data:{data:temp},
success:function(arg){
var obj=jQuery.parseJSON(arg);
console.log(obj.status);
console.log(obj.msg);
console.log(obj.data);
$('#name').val(obj.msg);
},
error:function(){
console.log('failed')
}
});
}
</script>
</html>
views.py
#coding:utf
from django.shortcuts import render,HttpResponse,render_to_response
import json
# Create your views here.
def Ajax(request):
if request.method=='POST':
print request.POST
data = {'status':,'msg':'请求成功','data':['','','']}
return HttpResponse(json.dumps(data))
else:
return render_to_response('app/ajax.html')
印刷データ形式:
以上、皆様のお役に立てれば幸いです。
関連記事:
Ajaxがnode js multerと連携してファイルアップロード機能を実装
dwz ajaxloadingを削除する方法(グラフィックチュートリアル)
Ajaxのクロスドメインリクエストの原理(グラフィックチュートリアル)
以上がDjango Ajax の使い方チュートリアルの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。