<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JSON的解析</title>
<script type="text/javascript" src="jquery-1.7.js"></script>
<script type="text/javascript">
     $(function(){
      //选择器
      // $("#aaa").html("你好");//id
      // $(".bbb").text("你好吗");//class
      // alert($("input").val());//tagname
     
      // 事件绑定
      $("#btnMessage").click(function(){
       //alert("谁点我...");
       $.ajax({
        type:"POST",//请求到服务器的方式,此处为POST方法
        url:"bookinfo/json.json",//请求的服务器地址,此处调用json3方法    
        dataType:"text",
        success:function(data){//data为返回给客户端的JSON数据,存储在data这个变量里面
      //alert("从服务器异步返回的数据变量是:"+data);
      $("#msg").html("从服务器异步返回的数据变量是:"+data);
      
     }
       })
      });
     })
</script>
</head>
<body>
    <div class="bbb" id="aaa"></div>
    <input type="text" name="userid" value="100">
    <hr/>
    <input type="button" value="点击我得到JSON格式的消息变量" id ="btnMessage" />
    <div id="msg">

</div>
  
</body>
</html>

选择器:id与name相关推荐

  1. 前端 -> js原生选择器,jQuery选择器 基本选择器(ID选择器,元素选择器,类名选择器,复合选择器,通配符选择器)

    文章目录 jQuery基本选择器 js选择器(原生选择器) jQuery基本选择器 1. ID选择器ID选择器#id就是利用DOM元素的id属性值来筛选匹配的元素,并以iQuery包装集的形式返回给对 ...

  2. QT qss选择器------ID 选择器

    格式:#id{ 属性: 值; } 这里的 id 指的是 objectName, 每个 QObject 类及其派生类都有的一个属性, "#" + objectName 构成了我们的 ...

  3. [JQuery] jQuery选择器ID、CLASS、标签获取对象值、属性、设置css样式

    reference : http://www.suyunyou.com/aid1657.html jQuery是继prototype之后又一个优秀的Javascrīpt框架.它是轻量级的js库(压缩后 ...

  4. [JQuery] jQuery选择器ID、CLASS、标签获取对象值、属性、设置css样式

    reference : http://www.suyunyou.com/aid1657.html jQuery是继prototype之后又一个优秀的Javascrīpt框架.它是轻量级的js库(压缩后 ...

  5. jquery 样式获取设置值_[JQuery] jQuery选择器ID、CLASS、标签获取对象值、属性、设置css样式...

    jQuery是继prototype之后又一个优秀的Javascrīpt框架.它是轻量级的js库(压缩后只有21k) , 它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safa ...

  6. jQuery选择器ID、CLASS、标签获取对象值、属性、设置css样式

    jQuery是继prototype之后又一个优秀的Javascrīpt框架.它是轻量级的js库(压缩后只有21k) , 它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safa ...

  7. CSS之常用选择器(元素、id、类、通配选择器)

    <!DOCTYPE html> <html><head><meta charset="UTF-8"><title>< ...

  8. css 选择器(标签选择器、类选择器、层级选择器、id选择器、组选择器、伪类选择器、通配符选择器)

    css 选择器的定义 css 选择器是用来选择标签的,选出来以后给标签加样式. css 选择器的种类 标签选择器 类选择器 层级选择器(后代选择器) id选择器 组选择器 伪类选择器 通配符选择器 标 ...

  9. CSS中的id选择器和class选择器简单介绍

    <!-- CSS中选择器 CSS有两种选择器id和class,总之如果说你想在HTML元素中设置CSS属性, 你要在元素中设置id和class选择器.那么我们现在来一个一个的介绍这两中选择器 i ...

  10. Id选择器和Class选择器

    http://www.runoob.com/css/css-id-class.html http://www.w3school.com.cn/css/css_syntax_id_selector.as ...

最新文章

  1. 2、安装ICS(Internet Component Suite)控件
  2. 亚信安全认证acse_构建中国云生态|华云数据与普华完成产品兼容互认证 推动国产化操作系统体系建设...
  3. FILE 结构体的定义,inode ,软链接和硬链接的理解
  4. 2016蓝桥杯省赛---java---C---8(冰雹数)
  5. LeetCode 258 Add Digits
  6. 平行驾驶与平行交通:从智能出行到智慧城市
  7. python期中考试知识点_大学期末考试,有哪些高效复习的技巧?
  8. HAproxy开启日志记录
  9. ubuntu Cairo图形库 环境搭建
  10. 小猿圈python视频_小猿圈python学习-格式化打印
  11. intelj maven 指定编译器版本
  12. 常见加密解密简单总结
  13. vim内部实现完美运行代码和脚本
  14. Nacos集群环境搭建
  15. div左对齐与里面的内容偏左但是距离左边有点儿距离
  16. 0x80070057复制从服务器复制文件,解决win10更改用户文件夹提示0x80070057的方法
  17. Eclipse 导入工程乱码的问题之解决方法
  18. 电容在电路中各种作用汇总(内容很干)
  19. 数字电路_1. 逻辑门表达式 真值表
  20. 关于如何写好博客的文章,值得分享收藏!

热门文章

  1. 利用trie Tree 解决查找连续子字符串的问题
  2. 鱼和熊掌兼得——解密阿里云PCDN如何实现高质量低价格
  3. 网易云歌单重合率2.0
  4. matlab读取excel数据
  5. Centos下openresty-1.19.9-1环境搭建
  6. 每日新闻:联想怎么又是全球第一?
  7. 【openstack一键安装与部署】
  8. 认识Delphi的线程类
  9. Delphi的线程类
  10. FTP服务器架设--架设篇