【为什么返回的值没有办法写入html里面 _Ajax 】

为什么返回的值没有办法写入html里面

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(2)

Ajax

详细描述

截图

代码

This repository
Pull requests
Issues
Marketplace
Explore
 @AmenLin
 Watch 0
 Star 0  Fork 0 AmenLin/AmenLin.github.io
 Code  Issues 0  Pull requests 0  Projects 0  Wiki  Insights  Settings
Branch: master Find file Copy path AmenLin.github.io/Js/JS-05/js/JSDemo5.js
b8f63fa  2 days ago
@AmenLin AmenLin Add files via upload
1 contributor
RawBlameHistory     
74 lines (67 sloc)  2.59 KB
'use strict';


/*
//原生js方法
var value;
var uservalue;
var passvalue;
var user = document.getElementById('user');
var pass = document.getElementById('pass');
var tips = document.getElementById('tips');
var go = document.getElementById('go');
function result(){
    uservalue = user.value;
    passvalue = pass.value;
    value = "name=" + encodeURIComponent(uservalue) + "&pwd=" + encodeURIComponent(passvalue);//使用post需要设置请求体的编码格式，将字符串作为URI组件进行编码
/////////////////////////////////////////////////
    var xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function(){
        if (xhr.readyState == 4){//表示XMLHttpRequest请求现在的状态是已经成功返回数据的
            if ((xhr.status >= 200 && xhr.status < 300) || xhr.status == 304){
                //表示http的状态，200表示成功，304表示请求的资源并没有被修改
                console.log(xhr.responseText);
                var data = xhr.responseText;
                var thedata = JSON.parse(data);
                if (thedata.code == '0'){
                    location.href = 'JSDemo5-1.html';
                }else if (thedata.code == '-5003'){
                    tips.innerHTML = '用户不存在';
                }else if (thedata.code == '-5004'){
                    tips.innerHTML = '密码错误';
                }
            }else {
                alert('Request was unsuccessful:') + shr.status;
            }
        }
    }
    xhr.open('post', '/carrots-admin-ajax/a/login', true);
    xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
    //在这里使用setRequestHeader()是为了像html表单那样post数据
    xhr.send(value);//使用post，括号内必须有值，哪怕是个null
}
go.onclick = result; */
//////////////////////////////////////////


//jquery ajax方法
$('#go').click(function(){
    $.ajax({
        url: '/carrots-admin-ajax/a/login',
        type: 'post',
        dataType: 'json',
        data: {
            name: $('#user').val(),
            pwd: $('#pass').val()
        },
        success: function(data){
            console.log(data);
            if (data.code == '0'){
                location.href = 'JSDemo5-1.html';
            }else if (data.code == '-5003'){
                tips.innerHTML = '此用户不存在';
            }else if (data.code == '-5004'){
                tips.innerHTML = '密码错误';
            }
        },
        error: function(data){
            alert('找不到网页');
        }
    })
})
© 2018 GitHub, Inc.
Terms
Privacy
Security
Status
Help
Contact GitHub
API
Training
Shop
Blog
About
Press h to open a hovercard with more details.

编辑于2024-11-24

时间排序

热门排序

[散修弟子]JS-1906
0

是这样的，首先你可以将服务端返回的数据打印出来，这样你就可以知道你代码中的JSON.parse(data)是一个对象，然后直接调取就可以了

查看全部>

编辑于2019-07-17
[深圳|结业弟子]JS-彭士兴
0

废话不多说，直接上图，我的思路和上面那个师兄是一致的，直接将返回的值打印出来

它长上面这个样子，你只需要调取对象中message的value值就可以了，以下是我的代码。
oAjax.onreadystatechange = function() {

if (oAjax.readyState == 4 && oAjax.status == 200) {
var responsedata = JSON.parse(oAjax.responseText);
if (responsedata.code === 0) {
window.location.href = "http://dev.admin.carrots.ptteng.com/";
} else {
console.log("输入错误")
}
console.log(responsedata);
document.getElementById('msg').innerHTML=responsedata["message"];
}
}

查看全部>

编辑于2019-07-17

去第页