ajax绑值,AJAX请求,返回json进行页面绑值

前台代码：

index.html

去往含有ajax的页面

点我!

queryList.html

AJAX请求,返回json进行页面绑值

var name = "测试"; //测试与后台的连通性

var phone = "1234";

/* ajax请求 */

$.ajax({

url : "http://localhost:8080/Ajax_demo/backjson.do",

type : "post",

data : {

"name" : name,

"phone" : phone,

dataType : "json",

success : function(data) {

//alert(data);

//console.log(data);

//alert(data.meta.message);

for ( var key in data) {

var html = '

if (key == "meta") {

for ( var key1 in data[key]) {

console.log(data[key][key1]);

//alert(key1+":"+data[key][key1]);

var obj = data[key][key1];

html += '

' + key1 + ":" + '';

html += '

' + obj + '';

html += '

}

html += '

console.log(html);

$('#div1').append(html);

}

//赋值到表格与div

//$("#table tr").eq(1).find("td").html("111"); //添加到第一行

$("#td1").html(data[key].success); //绑定数据

$("#td2").html(data[key].message);

$(".top").val("1234"); //给input表单绑定数据

$(".bottom").html("1234"); //给div绑定数据

$(".foot").html(key + ":" + data[key]); //给div绑定数据

//alert(key+":"+data[key]);

}

});

测试

success:

message:

ajax绑值,AJAX请求,返回json进行页面绑值相关推荐

ajax返回字符串怎么处理,ajax请求返回json字符串/json对象处理
1. 返回json字符串如何处理 $.ajax({ url:xxx, success:function(date){ }, error:function(){ } }); 通过最原始的返回: Prin ...
使用jQuery发送POST，Ajax请求返回JSON格式数据
问题: 使用jQuery POST提交数据到PHP文件, PHP返回的json_encode后的数组数据,但jQuery接收到的数据不能解析为JSON对象,而是字符串{"code" ...
ajax返回数据输出成表,javascript代码实例教程-ajax请求返回Json格式数据如何循环输出成table形式...
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过. 首先,Ajax请求数据,(用的是Jquery的Ajax) [javascript] $(function(){ ...
SSM+JSP+Bootstrap+Ajax小实例（员工CRUD系统）（五：员工查询前后端（请求返回json的方式））
原文再续,书接上回.上次我们讲了怎么把用户信息放到model里,然后用jsp+bootstrap做一个简单又不丑陋的界面去展示,但是现在讲究前后端分离,所以我们的接口返回一个json才是如今的王道,这 ...
对GET/POST请求返回cookie中的键值对进行重新组合
get/post请求返回的cookie中并不是所有的键值对我们都需要,我们只需要提取我们需要的进行重新组合就可以了. 如下图是一个GET请求返回的cookie 我需要提取其中的 uin,skey等相关 ...
.net mvc web api 返回 json 内容时过滤值为null的属性
1.响应内容(过滤前) {"msg":"初始化成功!","code":"","success":tr ...
.net mvc web api 返回 json 内容，过滤值为null的属性
原文:http://blog.csdn.net/xxj_jing/article/details/49508557 版权声明:本文为博主原创文章,未经博主允许不得转载..net mvc web api ...
HTTP协议post请求返回json数据
有两种方式:大家详细看看,非常好用! import java.io.BufferedReader; import java.io.InputStream; import java.io.InputSt ...
【python 爬虫乱码】request请求返回json乱码如何解决
请求网页返回json 往往出现乱码,那么如何解决呢,举个例子, # -*- coding: utf-8 -*-import requests import json url="https:/ ...

ajax绑值,AJAX请求,返回json进行页面绑值

ajax绑值,AJAX请求,返回json进行页面绑值相关推荐

最新文章

热门文章