AJAX实例及要点

ajax实例:

var resultData = null;
var URL = "../rest/nxBusiness/getConfig?key=weather" //根据具体情况修改url地址
$.ajax({
        type: 'POST',//不区分大小写及是否为单引号或双引号
        dataType: 'JSON',//不区分大小写及是否为单引号或双引号
        url: URL,
        async: true,
        cache: false,
        data: {
        },
        success: function (result) {
                //alert(result);//JSON对象
                console.log(result);//JSON对象
                //resultData = JSON.stringify(result);//转换为JSON字符串
    //resultData = eval("(" + result.data + ")");//转换为JSON对象
               //resultData = JSON.parse(result);//由JSON字符串转换为JSON对象 错误因为其参数须为字符串,result.data就为字符串了
                //alert(resultData);
    //alert(result.data);
                //alert(result.message);
    //console.log(result.data);
   
    resultData = JSON.parse(result.data);//转换为JSON对象
    alert(resultData.city[0].cityname);//此为例子形式
    console.log(resultData);

        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            strobj(textStatus);
            strobj(errorThrown);
            strobj(XMLHttpRequest);
            resultData = null;
        }
    });

注意:

1、async //是否支持异步刷新,默认是true

2、data //需要提交的数据

3、dataType //服务器返回数据的类型,例如xml,String,Json,text等

4、success : function(result) {//返回数据根据结果进行相应的处理 
      if ( result.success ){
                    alert("成功"); 
                    alert(result.data);
                    alert(result.message);  }

5、json对象:{键值对}       json数组:[{},{},{}]  "":双引号内饰属性或值          json字符串 

6、①JSON.stringify()方法将JavaScript值转换为JSON字符串
     ②jQuery.parseJSON()函数用于将格式完好的JSON字符串转为与之对应的JavaScript对象,所谓"格式完好",就是要求指定的字符串必须符合     严格的JSON格式,例如:属性名称必须加双引号、字符串值也必须用双引号;由JSON对象转换为JSON字符串
     ③JSON.parse()方法解析一个JSON字符串,参数text要被解析成JavaSctipt值的字符串;由JSON字符串转换为JSON对象
    ④JSON.parse与eval和能将一个字符串解析成一个JSON对象,但还是有挺大区别,eval是强烈不建议用来解析JSON字符串,但是凡事无绝对,   如果数据来源于你信任的并且格式也不大规范,那用它也不是不可以

7、将dataType改为text,则返回的结果为json字符串

8、在浏览器中的console窗口查看ajax返回的数据为什么,再根据数据做进一步处理,看是json对象还是json字符串或是嵌套的json对象,那须取出其data(为字符串)再转对象进行处理

9、在html中取其结果中的数据,其形式为:$('#city').text(resultData.city[0].cityname);就是对标签的id为city的塞值,其值取的是json对象中的数据

10、若dataType为jsonp能解决跨域,但无法解析xml


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
经典案,带数据库脚本、Java源文件和页面源文件。有演示效果,也可以自己部署看效果。以下是案的目录。 1-1.EXE 动态加载的FAQ实例演示 1-2.EXE 根据邮政编码获取地区信息实例演示 1-3.EXE 动态树形列表实例演示 1-4.EXE 多级联动菜单实例演示 1-5.EXE 条件设置向导实例演示 1-6.EXE 页面关键词提示实例演示 2-1.EXE 无刷新显示回帖实例演示 2-2.EXE 输入内容前提示实例演示 2-3.EXE 带进度的文件上传实例演示 2-4.EXE 大量数据动态浏览查询实例演示 2-5.EXE 信息排序实例演示 2-6.EXE 切换标签页实例演示 3-1.EXE 注册表单验证实例演示 3-2.EXE 购物车实例演示 3-3.EXE 产品快速检索实例演示 3-4.EXE 系列产品特性速查实例演示 3-5.EXE 邮件订阅实例演示 3-6.EXE 产品评级实例演示 4-1.EXE 简单计算器实例演示 4-2.EXE 文章拼写检查实例演示 4-3.EXE 拼词游戏实例演示 4-4.EXE 在线词典实例演示 4-5.EXE 远程网页源代码读取实例演示 5-1.EXE 相册浏览实例演示 5-2.EXE 幻灯片实例演示 5-3.EXE 灯箱效果实例演示 5-4.EXE 聊天室实例演示 6-1.EXE 自动登录实例演示 6-2.EXE 自动保存草稿实例演示 6-3.EXE 实时更新的股价实例演示 6-4.EXE 提前加载分页文章实例演示 7-1.EXE 获取服务器当前时间实例演示 7-2.EXE 远程PING服务器实例演示 7-3.EXE 服务器监测系统实例演示 7-4.EXE 使用滑动栏设置参数实例演示 8-1.EXE RSS阅读器实例演示 8-2.EXE 天气情况查询实例演示 8-3.EXE 访问搜索服务实例演示 8-4.EXE 读取Amazon产品目录实例演示 9-1.EXE 名片册实例演示 9-2.EXE 自定义个人门户实例演示 9-3.EXE 个人任务管理实例演示 9-4.EXE 许愿墙实例演示 9-5.EXE 日程表实例演示 9-6.EXE 考试系统实例演示

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值