jquery ajax简单使用

额,周围不少同学最近开始学编程,知道api这个东西,也知道ajax这个东西,但是不会用,其实很简单这里写个简单的使用方法。
我们选用jquery的ajax函数,大佬们已经帮我们简化了ajax的函数,都封装好了直接用就好
后台我使用flask作为后台
文件目录

jquery.min.js
templates/
          index.html
run.py

1.下载jq

jquery.min.js

2.前端代码
然后在页面中调用(路径按照自己的实际情况填写)


然后在body中创建一个输入框

        
        

然后写js


3.后端代码
run.py

#!/usr/bin/env python
# -*- coding:utf-8 -*-

from flask import Flask, jsonify, request, render_template
import json

app = Flask(__name__)
@app.route('/index)
def index():
    return render_template('index.html')

@app.route('/login', methods=["GET", "POST"])
def login():
    if request.method == 'POST':
        try:
            param = json.loads(request.data.decode("utf-8")) # 以json格式utf-8编码获取数据
        except ValueError: # 如果不是json格式则返回err
            return jsonify({
                'Result': 'ERR'
            })
        username = param.get("username", '') # 获的username
        if username:
            return jsonify({
                    'Result': 'OK'
                })
        else:
            return jsonify({
                'Result': 'ERR'
            })
    elif request.method == 'GET':
        param = request.args.get('username', '') # 获的username
        if username:
            return jsonify({
                    'Result': 'OK'
                })
        else:
            return jsonify({
                'Result': 'ERR'
            })

@app.route('/index')
def index():
    return render_template('index.html')

if __name__ == '__main__':

    app.run()
    

4.启动项目
启动项目

python run.py

浏览器访问

127.0.0.1:5000/index
jquery ajax简单使用_第1张图片
深度截图_选择区域_20171118223733.png
jquery ajax简单使用_第2张图片
深度截图_选择区域_20171118224204.png
jquery ajax简单使用_第3张图片
深度截图_选择区域_20171118224216.png

5.结束
好了最简单的个demo结束了,之后的用法有空我再发吧
大家加油

你可能感兴趣的:(jquery ajax简单使用)