Ajax调用PHP部分节点,【嘉兴东臣php】节点 ajax请求 jquery基本语法

总结:      学的快，忘得快。

jquery基本语法:

jquery使用$表示对象,三种选择器:

$(".xxx") class选择器标识符.

$("#xxx")id选择器标识符#

$("div") 标签选择器

几个常用的jquery案例：

//input 标签点击事件

$("input").click( function(){

});

动画函数:

1、show 显示

2、hide 隐藏

3、toggle 显示和隐藏

4、fadeIn 淡入

5、fadeOut 淡出

6、fadeToggle 淡入和淡出

7、slideUp 向上滑动

8、slideDown 向下滑动

注意：函数里面都可以加入时间参数，单位为毫秒，函数里面都可以加入回调callback参数。

如：

show( 1000, function(){

//回调所执行的函数

});

9、animate("执行的动画操作"，时间，可选(回调函数))

如：

$("").animate({"height":"300px;"}, 1500);

注意：加入position属性！

10、stop 停止动画

参数一：clearQueue:如果设置成true，则清空队列。可以立即结束动画。

参数二：jumpToEnd:如果设置成true，则完成队列。可以立即完成动画。

如：stop(true, true);

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

Jquery Dom:

节点：

1、parent() 找到父节点

2、children() find() 找到子节点

注意：children 默认不加参数的时候为找子节点，加了找参数里的节点。如children("div.select")就是找div里的select的class类

find，一般用于找子节点的某个元素标签，如：find("div");

find会寻找到匹配的元素及其后代节点，例如做text();修改那么find到的元素及其所有后代节点都会改变

find和children效果相似，而children只遍历查找元素的下一级节点，不会继续延伸

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(设置一个节点的文本)

同步：就是在发出一个功能调用时，在没有得到结果之前，该调用就不返回。也就是必须一件一件事做,等前一件做完了才能做下一件事.就像早上起床后,先洗涮,然后才能吃饭,不能在洗涮没有完成时,就开始吃饭.

异步：和同步相对。发出一个异步指令以后，可以不用去管它的执行情况，完成后服务端会自动告诉你结果。

XML为一种数据传输格式：

行

1

2

列clos

JSON也为一种数据传输格式:

{"row":["abc":1 , "bc":2]}

提供了主要四种的解决方法：

.load()

通过载入一个远程页面，用来放入到某个Dom中。

load 默认会返回2个参数，第一个是load页面的内容，第二个参数是返回状态 success为成功

.get()

通过Get请求方式，请求数据。

.getJson()

通过Get请求方式，请求数据并返回的是json数据文件，注意请求json文件！

.post()

通过Post请求方式，请求数据。

.ajax()

通过自定义请求方式，请求数据。

$.ajax({

url: "http://120.26.196.152/come.php",//URL

dataType: "json", //数据格式

async: true, //是否为异步

data: { "name": "ajax","age":"20" },    //参数值

type: "GET",   //请求方式

success: function(req) {//请求成功时处理

console.log( req );

$("#message").text( req.name + "-" + req.age );

},

error: function(req){ //请求错误的时候的处理

}

});

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 也是数据格式，比较成熟。

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( 内容参数 ){

}

});