Ajax技术 由下面四部分构成

Async(异步): 网络请求是异步的

JavaScript: JavaScript语言

And: 并且

XML: JSON数据类型

在HTML里面使用jQuery写Ajax

<script> $(function(){ //点击按钮发送数据 $("#submit-btn").click(function(event){ //封锁表单里面的按钮默认行为 event.preventDefault(); $.post({ //给哪个页面发送网络请求 url取 域名后面的所有对象 ‘url‘: ‘/login/‘, //data是发送过去的数据s ‘data‘:{ ‘username‘: $(‘input[name=‘username‘]‘).val() ‘password‘: $(‘input[name=‘password‘]‘).val() }, //如果网络请求发送告成，就会执行success里面的函数 //请求告成 是状态码即是200就会执行success里面的函数 否则执行fail里面的函数 ‘success‘: function(data){ //data是处事器发送过来的数据 //如果处事器发送过来的是json数据，那么JS底层会将json进行解析 //好比 处事器发送过来的是JSON类型的字典，，那么JS底层会将JSOn数据转换成一个东西 if(data[‘code‘]==200){ window.location = ‘/‘ }else{ alert(data[‘message‘]); } console.log(data) }, //如果网络请求发送掉败，就会执行fail里面的函数 ‘fail‘: function(error){ console.log(error) } }) }) }); </script>

在Flask框架里面写

from flask import Flask,jsonify,request,render_template ? app = Flask(__name__,template_folder=r‘E:\python编写1\Flask框架\ajax\templates‘) @app.route(‘/‘) def index(): return ‘这是首页‘ ? @app.route(‘/login/‘,methods = ["GET","POST"]) def hello(): if request.method == ‘GET‘: return render_template(‘ajax_jquery.html‘) if request.method == "POST": username = request.form.get(‘username‘) password = request.form.get(‘password‘) if username==‘xiaoxin‘ and password ==‘726599‘: return jsonify({‘code‘:200,‘message‘:‘‘}) else: return jsonify({‘code‘:400,‘message‘:‘用户名或暗码错误‘}) ? ? if __name__ == ‘__main__‘: app.run(debug=True) ?