关于前后端json数据的发送与接收详解

  

  

最近因为笔者后台使用的是瓶框架接收和前端使用的是原生的jQuery JavaScript和ajax的发送,能力有限,在此仅写下我开发项目过程中所得,分享出来供大家参考学习、下面话不多说,跟着小编来一起看看详细的介绍:
  

  


  

  

<强> 1,利用瓶的request.form.get()方法
  

  

Python后台部分代码

        从进口瓶瓶   从瓶进口jsonify   从瓶进口请求   进口json   …      #登录   @app。路线(“/瓶/登录”,方法=['文章'])   def登录():   data_=request.form.get(“数据”)   data=https://www.yisu.com/zixun/json.loads(数据)   用户名=数据(“用户”)   密码=数据(“密码”)   rem=False   如果数据(“记住”):   rem=True   返回jsonify({“登录”,登录。登录(用户名、密码,rem)}) #返回布尔值      

<强> 2,利用瓶的request.get_data()方法
  

  

Python后台代码

        从进口瓶瓶   从瓶进口jsonify   从瓶进口请求   进口json   …      #登录   @app。路线(“/瓶/登录”,方法=['文章'])   def登录():   data=request.get_data ()   data=https://www.yisu.com/zixun/json.loads(数据)   用户名=数据(“用户”)   密码=数据(“密码”)   rem=False   如果数据(“记住”):   rem=True   返回jsonify({“登录”,登录。登录(用户名、密码,rem)}) #返回布尔值      

<强> 3,利用瓶的request.get_json()方法
  

  

Python后台代码

        从进口瓶瓶   从瓶进口jsonify   从瓶进口请求      …      #登录   @app。路线(“/瓶/登录”,方法=['文章'])   def登录():   data=https://www.yisu.com/zixun/request.get_json ()   用户名=数据(“用户”)   密码=数据(“密码”)   rem=False   如果数据(“记住”):   rem=True   返回jsonify({“登录”,登录。登录(用户名、密码,rem)}) #返回布尔值      


  

  

<强> 1,原生XMLHttp发送
  

        函数登录(){   var用户名=. getelementbyid(“用户名”)value;   var密码=. getelementbyid(“密码”)value;   var记得=. getelementbyid(“记住”)支票;   var xmlhttp;   如果(window.XMLHttpRequest)   {//IE7 +、Firefox、Chrome, Opera, Safari浏览器执行代码   xmlhttp=new XMLHttpRequest ();   }   其他的   {//IE6, IE5浏览器执行代码   xmlhttp=new ActiveXObject(“Microsoft.XMLHTTP”);   }   xmlhttp.onreadystatechange=function ()   {   如果(xmlhttp。readyState===4,,xmlhttp.status===200)   {   …   }   };      xmlhttp.open(“后”,“/瓶/登录”,真正的);   xmlhttp.setRequestHeader(“内容类型”、“application/json”);//后面这两部很重要,我看网上很多都是使用xmlhttp.send("用户名=" +用户名+”,密码=" + "),这样接收还要解析一番感觉还是直接发送以下格式的好了些   var data=https://www.yisu.com/zixun/{“用户名”:用户名   “密码”:密码   “记住”:记得   };   var data_json=JSON.stringify(数据);   xmlhttp.send (data_json);   }      

附:json数据解析

        var文本=xmlhttp.responseText;//通过eval()方法将json格式的字符串转化为js对象,并进行解析获取内容   结果var=eval((" +文字+ "));   如果(结果){      其他}{   警报(“请输入正确的用户名和密码”);   }      

<强> 2,ajax发送
  

        美元(文档)。准备好(函数(){   var data=https://www.yisu.com/zixun/{“用户名”:“adamin”,   “密码”:“123456789”,   “记住”:没错   }   . ajax({美元   url:“/瓶/登录”,   类型:“文章”,   数据:数据,   成功:函数(){      }   })   })      

  

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对的支持

关于前后端json数据的发送与接收详解