东臣PHPA

最新推荐文章于 2024-09-26 17:23:32 发布

chenwen425864

最新推荐文章于 2024-09-26 17:23:32 发布

阅读量71

点赞数

文章标签： json javascript ViewUI

原文链接：https://my.oschina.net/u/2545471/blog/552021

版权

JS Dom：节点、表单、定时器、事件

Jquery Dom:

   节点：
       1、parent() 找到父节点
       2、children() find() 找到子节点

           注意：children 默认不加参数的时候为找第一个节点，加了找参数里的节点。如children("div.select")就是找div里的select的class类
           find，一般用于找子节点的某个元素标签，如：find("div");

       3、next() prev() 找到下一个节点找到上一个节点
        4、siblings 找到并获取所有的兄弟节点

       5、eq(索引)找到元素中的某个索引，注意是从0开始的。
       6、get(索引)匹配元素中的某个索引，注意不返回元素。
       7、first() 通过自定义的找到，找到第一个元素。如：$(".a").first();就是找到class为a的第一个元素。

       8、last() 同上，不过找到的是最后一个元素。

       9、append() 追加HTML内容

       10、appendTo() 把所有匹配的元素追加到另一个指定的元素元素集合中。

       11、remove() 移除，不会删除，占用位置

       12、empty() 清空

       13、attr() 设置属性、返回属性

       扩展：.css(设置一个节点的样式)
       .html(设置一个节点的HTML代码)
       .text(设置一个节点的文本)

ajax

bind() 事件绑定
unbind() 解绑
is() 判断标签或者选中的效果
比如: is('div'), is("input:checked")
hasClass 一般为判断元素是否有这个类
比如：hasClass("abc") 判断class里是否有abc这个类
================================================

异步：不等待服务器的响应，直接去执行其他的任务，服务器完成以后会返回结果。相当于我让别人带买早餐，我在这个时间就去睡觉了。

同步：等待服务器的响应，不去执行其他的任务了，相当于打电话，对方你等一下，就这样我一直没有挂断等着。

HTTP STATUS CODE HTTP协议里的返回状态码。
200 ：请求成功
302 ：请求被跳转
404 ：页面找不到，请求错误
403 ：该访问请求没有权限
500 ：服务器程序错误

JSON：

JSON 其实就是一种数据格式，比较年轻。
如：{} 字典。[] 数组。
例如：{"name":"jack","msg":[{"age":17,"password":123456},{"age":"18"}]};

XML 也是数据格式，比较成熟。
<abc><a><b></b></a></abc>

ajax 请求，其实最开始应该不在jquery，只不过jquery框架里面引入了ajax功能，比原生的ajax好用，所以我们用到jquery-ajax

主要有5种：
1、被选中的Dom.load( "页面",function(内容，状态 ){
   //内容为返回的内容
   //状态：如果成功为Success
})

2、getJson("json文件"，function(内容，状态 ){
   //内容为返回的内容
   //状态：如果成功为Success
})

3、get("url",function(内容，状态){
   //内容为返回的内容
   //状态：如果成功为Success
})

4、post("url",{字典包含的参数}，function(内容，状态){
   //内容为返回的内容
   //状态：如果成功为Success
})

5、ajax({
   url:"",
   dataType:"数据类型Json"，
   async：true，//异步，
   type：post，//get 、post
   data：{传输的参数字段字典}，
   success:function( 内容参数 ){
       //成功以后返回的

   }，
   error:function( 内容参数 ){

   }
});