easyui 从 ajax 返回 undefined

Question

我提交表单，当我签入控制台时，它返回 JSON 数据。但我不能在 JSON 数据中使用对象。

$('#ff').form({
                type: 'POST',
                cache: false,
                url: base_url + 'Api/lapor/submit',
                dataType: 'json',
                iframe: false,
                onSubmit: function(param) {
                    param.id_item = sessionStorage.id_item;
                    param.token = sessionStorage.token;
                },
                onProgress: function(percent) {
                    $.messager.progress();
                },
                success: function(msg){
                  console.log(msg.status); //it will return undefined
                  $.messager.progress('close');
                },
                onLoadError: function(){
                    $.messager.alert('Error', 'Gagal', 'error');
                }
            });

我尝试console.log(msg)，它返回 JSON 数据 console

Answer 1

当您使用console.log(msg.status); 记录返回消息时，如果将结果写为{message: "Data 1 telah disimpan", status: true}，那么您可以使用msg.status 或msg['status'] 调用它

但在您的情况下，它记录为{"message": "Data 1 telah disimpan", "status": true}，因此您应该尝试使用包含的" 来调用它，例如msg['"status"'] 或msg["\"status\""]

var msg1 = {"message": "Data 1 telah disimpan", "status": true}
var msg2 = {'"message"': "Data 2 telah disimpan", '"status"': true}

function checkdata1() {
  console.log(msg1);
  alert(msg1.message);
}

function checkdata2() {
  console.log(msg2);
  alert(msg2['"message"'])
}

<btn onclick="checkdata1()">Check Data 1</btn>
<br/>
<btn onclick="checkdata2()">Check Data 2</btn>

更新以下是使用console.log 登录时msg1 和msg2 之间的区别

更新2因为jeasyui$.form的返回类型是string，所以需要先用JSON.parse或者那个解析成JSON/javascript对象在jeasyui 文档部分找到处理提交响应 here