慕课网

精品课程 Ajax全接触

Ajax全接触

最热最新

慕工程2957023 04:33

JSON：JavaScript对象表示法，全称：JavaScript Object Notation 1、JSON是存储和交换文本信息的语法，类似XML。它采用键值对的方式来组织数据，易于人们阅读和编写，同时也易于机器解析和生成 2、JSON是独立于语言的，任何语言都可以按照json的规则来解析 JSON与XML比较： 1、json的长度比xml短小 2、json的读写速度更快 3、json可以使用JavaScript内置的方法直接进行解析并转换成JavaScript对象，很方便 JSON语法规则： 1、json数据的格式是："名称":值形式的键值对，名称需要在双引号中，中间以冒号":"隔开； 2、json的值可以是以下类型：数字（整数和浮点数）字符串（在双引号中）逻辑值（true或false）数组（在方括号中[]）对象（在花括号中{}） null 如图：

查看全部

0 采集收起来源：json基本概念
2018-03-22
慕工程2957023

使用Ajax发送POST请求注意： post请求需要在open()方法和send()方法之间设置 request.setRequestHeader("Content-Type","application/x-www-form-urlencode"); 没设置或者设置不对会提示参数错误

查看全部

0 采集收起来源：客户端实现
2018-03-22
qq_天然雕饰_0 02:11

一个完整的HTTP请求

查看全部

0 采集收起来源：Ajax-HTTP请求
2016-10-12
菠菜王子3678673 08:02

http响应

查看全部

0 采集收起来源：Ajax-HTTP请求
2016-10-12
菠菜王子3678673 04:24

get post 区别

查看全部

0 采集收起来源：Ajax-HTTP请求
2016-10-12
菠菜王子3678673 03:42

http请求例子

查看全部

0 采集收起来源：Ajax-HTTP请求
2016-10-12
慕工程2957023

客户端实现核心是：创建XHR对象--并发送异步请求--接着监听服务器的响应结果并呈现在页面上 <script> document,getElementById("search").onclick = function(){ //发送Ajax查询请求并处理 var request = new XMLHttpRequest(); request.open("GET","service.php?number="+document.getElementById("keyword").value); request.send(); //监听事件 request.onreadystatechange = function(){ if(request.readyState===4 && request.status===200){ document.getElementById("searchResult").innerHTML=request.responseText; }else{ alert("发生错误："+request.status); } } 下面的POST请求方式，则： request.open("POST","service.php"); //需将post请求提交的数据拼成URL参数 var data="name="+document.getElementById("staffName").value+"number"+document.getElementById("staffNumber").value+"sex="+document.getElemntById("staffSex").value+"job="+document.getElemntById("staffJob").value; request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");//很重要 request.send(data); ```` } } </script> 切记不要忘了在open和send之间设置 request.setRequestHeader("Content-Type","application/x-www-form-urlencode");

查看全部

0 采集收起来源：客户端实现
2018-03-22
菠菜王子3678673 05:50

概念。

查看全部

0 采集收起来源：Ajax-同步和异步
2016-10-12
慕工程2957023

fiddler工具，可看网站中的“ Fiddler工具使用" (http://www.imooc.com/learn/37)课程，后台测试接口工具 Content-Type:application/x-www-form-urlencoded 的正确设置。。 fiddler可用于调试服务器代码（无需客户端代码）。 Fiddler是一个http协议调试代理工具，它能够记录并检查所有你的电脑和互联网之间的http通讯，设置断点，查看所有的“进出”Fiddler的数据（指cookie,html,js,css等文件，这些都可以让你胡乱修改的意思）。 Fiddler 要比其他的网络调试器要更加简单，因为它不仅仅暴露http通讯还提供了一个用户友好的格式。 fiddler可以监听电脑上所有的HTTP请求(GET和POST等)监听他们传入的值和返回的值。后台测试接口工具。使用：右边栏有compose都标签页。输入刚才地址后excuse他。双击左栏的记录。用post请求的时候要用到contentType：application/x-www-form-urlencodeed,告诉服务器是一个post请求，并且是写在url里面。在右下栏的requestbody写上请求正文。 Content-Type:application/x-www-form-urlencoded

查看全部

1 采集收起来源：PHP服务端代码测试
2018-03-22
慕工程2957023

sublime怎么新建站点和服务器啊直接把文件夹复制到xampp 的htdocs 文件夹下这样站点建完成了，然后启动xampp的apache服务器，然后在你的浏览器中输入localhost:(端口号：默认是80 如果是80则不需要输入)/(不需要输入htdocs文件夹，后面只要跟文件名就可以了) 例如我输入的是：localhost:8080/XMLHttpRequest.html

查看全部

1 采集收起来源：Ajax-服务器端实现
2016-10-11
慕工程2957023

PHP测试页面如图所示在Dreamweaver中配置web服务器应用于本地测试 1、服务器启动在下面xampp的安装文件下启动xampp-control.exe，修改监听端口为8080； 2、建立站点站点的名字在htdocs中新建站点文件站点的URL选择：xmapp/htdocs/站点文件基本服务器配置：服务器名称;xampp 连接网络：本地/网络文件夹：xmapp/htdocs/站点文件 webURL http://localhost:8080/ajaxdemo/ 高级选项：服务器模型：后台语言点击保存后选择测试再点击保存

查看全部

0 采集收起来源：Ajax-服务器端实现
2016-10-11
慕工程2957023

XAMMP下载网址：http://www.apachefriends.org/download.html

查看全部

0 采集收起来源：Ajax-服务器端实现
2016-10-11
慕工程2957023

PHP 服务器端实现 ·PHP脚本以<?php 开头以?>结尾 ·PHP文件的默认文件扩展名是 .php ·PHP语句以分号结尾（;） <?php // 设置html页面的编码格式是utf-8 header("Content-Type:text/plain;charset=utf-8"); // header("Content-Type:application/json;charset=utf-8"); // header("Content-Type:text/xml;charset=utf-8"); // header("Content-Type:text/html;charset=utf-8"); // header("Content-Type:application/javascript;charset=utf-8"); //定义一个多维数组，包括员工的信息，每条员工信息为一个数组 $arr = array( array("name" => "tom", "number" => "101","sex" => "男","job" => "演员"), array("name" => "jack", "number" => "102","sex" => "男","job" => "经理"), array("name" => "mary", "number" => "103","sex" => "女","job" => "歌手"), ); //判断如果是get请求，则进行搜索；如果是post请求，则进行新建数据 // $_SERVER是一个超全局变量，在一个脚本的全部作用域中都可用，不用使用global关键字 // $_SERVER["REQUEST_METHOD"]返回访问页面使用的请求方法 if($_SERVER["REQUEST_METHOD"] == "GET"){ //请求方法为GET方式，进行搜索 search(); }else if($_SERVER["REQUEST_METHOD"] == "POST"){ //请求方式为post方式，创建数据 create(); } // 通过员工编号搜索员工 function search(){ /*

查看全部

0 采集收起来源：Ajax-服务器端实现
2018-03-22
小安Andrew 04:46

示例。

查看全部

0 采集收起来源：处理跨域方式--代理
2016-10-11
小安Andrew 00:14

跨域。

查看全部

0 采集收起来源：处理跨域方式--代理
2016-10-11

首页上一页 329 330 331 332 333 334 335 下一页尾页

0/150

提交

取消

该课程已下架

课程须知: 只需要有基础的javascript语法知识，就可以很容易理解本课程哦

老师告诉你能学到什么？: 通过本课程的学习，您可以了解到Ajax概念、HTTP请求概念、PHP简单语法、JSON数据格式、Ajax的原生和jQuery实现、跨域等知识，只需要一些时间，看似复杂的知识点，其实都是纸老虎，会被你一捅就破。您不但会了解Ajax的使用，而且会清楚Ajax的原理，并举一反三。