代码之家 › 专栏 › 技术社区 › Kubatekk

如何从ajax到python获取json[已关闭]

request flask ajax json python

Kubatekk · 技术社区 · 6 年前

以下是使用ajax的html:

    <form>
        <input type="text" id="email" name="email"/>
        <input type="text" name="password" id="pass"/>
        <span id="btn">send</span>
    </form>
    <script>
        function log() {
            var email, pass;
            email = document.getElementById('email').value;
            pass = document.getElementById('pass').value;
            fetch('http://localhost:5000/login', {
                body: {
                    email: email,
                    password: pass
                },
                headers: {
                    'Accept': 'application/json, text/plain, */*',
                    'Content-Type': 'aplication/json'
                },
                method: 'post'
            }).then(response => response.json(), err => {throw err}).then(response => {
                console.log(response);
            })
        }
        var btn = document.getElementById('btn');
        btn.addEventListener('click', log);
    </script>

下面是Python代码:

@app.route('/login', methods=['POST'])
    def login():
        print(request.get_json()) #i dont know how to get data here 
        return json.dumps({"success":True})

这是仅用于测试以获取json的代码。

有什么想法吗?

2 回复 | 直到 6 年前

Barmar 0___________ 6 年前

您需要转换 body JSON选项:

body: JSON.stringify({
    email: email,
    password: pass
}),

Ajax1234 6 年前

具有 jquery ,您可以创建 data 对象,其值可以在指定路由的主体中访问:

<html> 
  <head>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  </head>
  <body>
    <input type="text" id="email" name="email"/>
    <input type="text" name="password" id="pass"/>
    <button type='button' id='submit'>Submit</button>
  </body>
  <script>
    $(document).ready(function() {
      $('#submit').click(function(){
        var email = $('#email').val();
        var password = $('#pass').val();
        $.ajax({
         url: "/login",
         type: "get",
         data: {email: email, pass:password},
         success: function(response) {
          if(response.status){
            //do something if successful
          }
          else{
           //do something if login fails
          }
        },
         error: function(xhr) {
           //Do Something to handle error
       }
     });
     });
    });
  </script>
</html>

在您的 flask app :

@app.route('/login')
def login():
  email = flask.request.args.get('email')
  password = flask.request.args.get('pass')
  return flask.jsonify({'status':isvalid(email, password)})

推荐文章

Master Selcuk · 使用python在服务器之间创建API

2 年前

Mrunal Patadia · 如何在浏览器的默认下载路径上下载节点js中的文件?

2 年前

Kuba Kaktus · 用python发送curl请求

2 年前

crazyrohila · axios。js CONNRESET错误(在请求中找不到证书),但请求打包程序适用于相同的p12证书

2 年前

Viking · 请求调度程序从表单中删除所有单词,但首先删除

6 年前

Donovant · 如何在右图中编码为什么使用节点请求模块?

6 年前

Kubatekk · 如何从ajax到python获取json[已关闭]

6 年前

rigon · 从IncomingMessage读取数据,而不在节点中使用。js(Hapi.js)

6 年前

Akhil Kumar Patnaik · 如何按顺序点击多个页面| | JMeter

6 年前

Mikmac · Alexa API技能-nodejs get请求未执行

6 年前