ajax使用 ajax+json

首先将ajax写于js方法中,定义事件,让元素触发,触发之后就会有数据产生给服务端

  $.ajax({type: "POST",url: "test.php",data: "name=garfield&age=18",success: function(data){$("#myDiv").html('<h2>'+data+'</h2>');}});

{"msg": "login success","status_code": "200","userlist": [{"uname": "zhangsan","age": "12"}, {"uname": "Lisi","age": "22"}]
}

json格式

function loginMethod(){var uname=$("#uname").val();$.ajax({type: "POST",dataType:"json",url: "login.do",data: {"uname":uname,"oper":"ajaxlogin"},success: function(data){//回调成功函数var msg=data.msg;var list=data.userlist;$("#msg_span").html('<font color="red">'+msg+'</font>');var info="";//展示列表信息for(var i=0;i<list.length;i++){var u=list[i];//拼接返回信息info+="<div style='color:green'>"+u.uname+"</div>";}$("#user_list").html(info);},error:function(){$("#msg_span").html('<font color="red">network connect error</font>');}});}

text文本

$.ajax({type : 'POST',url : "/plugin/apop/check.do",data : {"instID" : instID,"instCode" : instCode},// {instID:LBUI.checkGistJSON.InstID,instCode:LBUI.checkGistJSON.FInstCode},async : false,dataType : 'text',success : function(data) {var json = JSON.parse(data.trim());var mgs = json.message;var success = json.success;var JSONdata = json.datas;var count=0;if (JSONdata.length > 0 && JSONdata != null) {for ( var i = 0; i < JSONdata.length; i++) {//alert(JSONdata[i].checkDetails);count++;var html = " <div class='layui-colla-item'><h2 class='layui-colla-title'>" +count+"." +JSONdata[i].checkPoint+ "</h2><div class='layui-colla-content'>"+ JSONdata[i].checkDetails + "</div></div>";$("#firstUL").append(html);$('.layui-colla-content p').last().remove();}if(count>3){$("#moreInfo").css("display","block");}}},error : function(data) {alert(data);}});
});

ajax使用 ajax+json相关推荐

jq 请求本地的json_jQuery使用ajax读取本地json文件的案例
{ "first":[ {"name":"张三","sex":"男"}, {"name&q ...
jQuery通过ajax方法获取json数据不执行success的原因及解决方法
1.jquery通过ajax方法获取json数据不执行success回调问题描述:jquery通过ajax方法获取json数据不执行success回调方法问题原因:json格式存在问题或不符合标准 ...
$.ajax返回的JSON格式的数据后无法执行success的解决方法
$.ajax返回的JSON格式的数据后无法执行success的解决方法参考文章: (1)$.ajax返回的JSON格式的数据后无法执行success的解决方法 (2)https://www.cnbl ...
Ajax系列之JSON数据格式
JSON数据格式 JSON是什么 JSON是一种轻量级的数据交换格式 JSON文件时独立的,扩展名是".json"该文件中允许保存JSON格式的数据注意: 在JSON文件中字符串 ...
django 使用Ajax方式POST JSON数据包
示例1: js: function SaveAction(){//点击保存按键var senddata = {"type":"A", "host&q ...
ajax id sort,ajax返回的json内容进行排序使用sort()方法实现
ajax返回的json内容进行排序使用sort()方法实现关键方法:sort()用于对数组的元素进行排序. return a.num-b.num是升序: return b.num-a.num;是降序 ...
JSON进阶第二篇 AJAX方式传递JSON数据
上一篇<JSON进阶第一篇在PHP与javascript 中使用JSON>示范了在PHP和javascript中如何使用JSON类型的数据,本篇将介绍用AJAX方式得到JSON数据从而动 ...
python爬虫今日头条_python爬虫—分析Ajax请求对json文件爬取今日头条街拍美图
python爬虫-分析Ajax请求对json文件爬取今日头条街拍美图前言本次抓取目标是今日头条的街拍美图,爬取完成之后,将每组图片下载到本地并保存到不同文件夹下.下面通过抓取今日头条街拍美图讲解一 ...
Struts2.0第三章（文件上传、ajax开发、json、Fastjson、Jackson、注解开发）
Struts2.0文件上传: 浏览器端注意事项: 1.表单提交方式method = post: 2.表单中必须有一个<input type="file" name = &qu ...
jquery的ajax，请求JSON数据。
jquery的ajax,请求JSON数据. 第一个页面:1.htm <!DOCTYPE html> <html> <head> <title></ ...

ajax使用 ajax+json

ajax使用 ajax+json相关推荐

最新文章

热门文章