json数据发送和接收

XGBCCC 发布于2019-08-20 18:22 / 585人阅读

摘要：原生发送浏览器执行代码浏览器执行代码后面这两部很重要，我看网上很多都是使用这样接收还要解析一番感觉还是直接发送以下格式的好些数据解析通过方法将格式的字符串转化为对象，并进行解析获取内容请输入正确的用户名和密码发送

原生XMLHttp发送

</>复制代码 
function login() {
    var username =document.getElementById("username").value;
    var password = document.getElementById("password").value;
    var remember =document.getElementById("remember").checked;
    var xmlhttp;
    if (window.XMLHttpRequest)
    {
        //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
        xmlhttp=new XMLHttpRequest();
    }
    else
    {
        // IE6, IE5 浏览器执行代码
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState===4 && xmlhttp.status===200)
        {
           ...
        }
    };
    xmlhttp.open("POST","/flask/login",true);
    xmlhttp.setRequestHeader("Content-type","application/json");
    // 后面这两部很重要，我看网上很多都是使用xmlhttp.send("username="+username+"&password="+"),这样接收还要解析一番感觉还是直接发送以下格式的好些
    var data = {
        "username": username
        "password": password
        "remember": remember
    };
    var data_json = JSON.stringify(data);
    xmlhttp.send(data_json);
}

json数据解析

</>复制代码 
   var text = xmlhttp.responseText;
   //  通过eval() 方法将json格式的字符串转化为js对象，并进行解析获取内容
   var result = eval("("+text+")");
    if (result) {
                    
     } else {
        alert("请输入正确的用户名和密码");
     }

ajax发送

</>复制代码 
 $(document).ready(function () {
    var data = {
    "username": "adamin",
    "password": "123456789",
    "remember": true
    }
    $.ajax({
        url: "/flask/login",
        type: "POST",
        data: data,
        success: function () {
            
        }
    })
 })

云服务器 GPU云服务器 js接收后台json数据 js如何接收json数据 js接收json数据乱码 js怎么接收json数据

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/84406.html

前后端json数据发送和接收

摘要：前后端数据发送和接收由于笔者后台使用的是框架接收和前端使用的是原生的和的发送，能力有限，在此仅写下我开发项目过程中所得，欢迎指正交流。前后端json数据发送和接收由于笔者后台使用的是flask框架接收和前端使用的是原生的JavaScript和jQuery的ajax发送，能力有限，在此仅写下我开发项目过程中所得，欢迎指正交流。一、flask中的json数据接收 1、利用flask的...

Vixb 2019-08-20 18:22 评论0 收藏0
前后端json数据发送和接收

摘要：前后端数据发送和接收由于笔者后台使用的是框架接收和前端使用的是原生的和的发送，能力有限，在此仅写下我开发项目过程中所得，欢迎指正交流。前后端json数据发送和接收由于笔者后台使用的是flask框架接收和前端使用的是原生的JavaScript和jQuery的ajax发送，能力有限，在此仅写下我开发项目过程中所得，欢迎指正交流。一、flask中的json数据接收 1、利用flask的...

williamwen1986 2019-07-30 14:22 评论0 收藏0
PHP发送和接收JSON请求

摘要：发送接受是个可以访问请求的原始数据的只读流。在之前打开的数据流只能读取一次数据流不支持操作。不过，依赖于的实现，请求体数据被保存的时候，它可以打开另一个数据流并重新读取。现在微服务中，很多API由于需要传递的参数较多所以要求用包含所有参数的JSON数据作为POST请求的请求体来替代FormData传递参数的方式，在参数量较多时POST JSON要比POST FormData便于开发和...

PiscesYE 2019-07-01 10:04 评论0 收藏0
Postman测试工具调试接口详细教程【向后端发送Json数据并接收返回的Json结果】

摘要：它主要是用来模拟各种请求的如等等与浏览器的区别在于有的浏览器不能输出格式而更直观接口返回的结果。 Postman测试工具调试接口详细教程简介 Postman,...

刘德刚 2021-11-15 11:37 评论0 收藏0
PHP与AJAX的相爱相杀

摘要：响应一般由三个部分组成由一个数字和文字组成的状态码，用来显示请求是成功还是失败响应头，包含服务器类型，日期时间，内容类型和长度等响应体，也就是响应正文。获得形式的相应数据。和以数字和文本形式返回状态码。学习目录： AJAX基础 PHP与AJAX JSON格式 jQuery中的AJAX 个人网站原创链接地址：不足之处欢迎留言...逃... showImg(https://segm...

wthee 2019-08-26 11:45 评论0 收藏0