黑马程序员技术交流社区

标题: 【郑州校区】AJAX [打印本页]

---

作者: 我是楠楠    时间: 2019-3-26 11:25
标题: 【郑州校区】AJAX

【郑州校区】AJAX

AJAX
                阿贾克斯，AJAX是异步的JS和XML，
                AJAX并不是一种新的编程语言，AJAX是一种使用了现有标准的新方法，
                AJAX是一种JS与WEB服务器交互的技术，
                AJAX可以让页面在不需要重新加载的情况下，实现页面内容的更新。
学习AJAX必须掌握的技术
                HTML
                CSS
                JS/DOM/jQuery


AJAX的入门案例
                创建请求对象
                设置请求状态变化时所触发的事件
                创建连接（请求方法，请求地址，请求模式）
                发送请求


AJAX提交数据至服务器
                GET
                        将数据追加在请求地址后面
                POST
                        设置类型
                        使用send方法提交数据


AJAX案例
                校验用户名是否重复
                        传统方式
                        AJAX方式




jQuery的AJAX实现
                $,jQuery
                        ajax()
                                参数
                                                {
                                                        type:设置请求的类型，常用的有GET和POST
                                                        url:设置请求的地址
                                                        data:设置POST方式提交的数据
                                                        success:请求响应完成后要执行的方法
                                                       
                                                }
JS中的{}对象
                {}代表一个对象
                                属性：
                                                {属性名称:属性值,属性名称2:属性值2}
                                                var stu = {name:"zhangsan",age:18}
                                                stu.name
                                方法:
                                                {方法名:function(){}}
                                                var stu = {sum:function(a,b){return a + b;}}
                                                stu.sum()
               
                       
jQuery的其他AJAX方法
                get
                post
                load


案例
                展示所有的学生信息


JSON
                是一种轻量级的数据交互（传输）格式


jQuery的ajax接收数据的格式
                普通文本
                xml
                        表示一个对象
                                <student>
                                        <name>zhangsan</name>
                                        <age>18</age>
                                </student>
                        表示多个对象
                                <students>
                                        <student>
                                                <name>zhangsan</name>
                                                <age>18</age>
                                        </student>
                                        <student>
                                                <name>zhangsan</name>
                                                <age>18</age>
                                        </student>                               
                                </students>
                json
                        表示一个对象
                                {name:"zhangsan",age:18}
                        表示多个对象
                                [{name:"zhangsan",age:18},{name:"zhangsan",age:18}]
                               
                ajax
                        {
                                dataType:"json"
                        }
                get
                        url,fn,"json"
                        url,data,fn,"json"
                post
                        url,fn,"json"
                        url,data,fn,"json"       

                传智播客·黑马程序员郑州校区地址

河南省郑州市 高新区长椿路11号大学科技园（西区）东门8号楼三层

联系电话 0371-56061160/61/62

来校路线  地铁一号线梧桐街站A口出

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2