js如何定义一个字符串长度第一关： HTML(3)、CSS((8)

echo ‘succ‘;

客户端：

if( xhr.responseText===‘succ‘){ ... }

案例演示：异步添加新的书籍信息

4.使用XHR接收五种响应——text/html

注意：AJAX应用中服务器返回的不是完整的HTML文档，而只是HTMP标签组成的片段

服务器端：

header(‘ Content-Type: text/html;charset=UTF-8 ‘);

echo ‘<li>xx</li><li>yy</li>‘;

客户端：

ul.innerHTML = xhr.responseText;

案例演示：搜索建议

实现顺序：

(1)编写SQL：dangdang.sql，表book(....)

(2)编写PHP：book_search.php，接收客户端提交的书名关键字kw，执行查询，返回所有包含该关键字的书名，以LI片段格式

(3)编写HTML：book_search.html，包含一个输入框，只要用户输入了文本，下方立即显示出一个包含该文本的搜索建议

input.onkeyup = function(){ var kw = this.value; }

5.使用XHR接收五种响应——application/javascript

注意：JavaScript代码在PHP解释器看来就是普通的字符串而已；

服务器端：

header(‘ Content-Type: application/javascript‘);

echo ‘alert(123);document.body.appendChild(...)‘;

客户端：

eval( xhr.responseText ) //客户端必须使用eval来执行JS字符串

案例演示：实现了国际化（i18n）的欢迎消息

(1)编写PHP：i18n.php，解析客户端请求消息头部，获取当前客户端的首选语言，根据语言的不同，返回不同形式的欢迎消息，如alert(‘你好‘); 或 console.log(‘こんにちは‘); 或 var s = document.createElement(‘span‘); s.innerHTML = ‘Hello‘; document.body.append(s);

(2)编写HTML，i18n.html，一个按钮“获取欢迎消息”，点击后发起异步的GET请求，获得响应消息后，执行出来。

方式1：用text/plain格式

101#三星#35.5#1.jpg@102#闪迪#34.5#2.jpg@金士顿#...

好处：简单

不足：不易读取、很容易出错

方式2：用text/html格式

<tr><td>101</td><td>三星</td><td>35.5</td></tr>

<tr><td>102</td><td>闪迪</td><td>35.5</td></tr>

<tr><td>103</td><td>金士顿</td><td>35.5</td></tr>

好处：情形，方便使用 tbody.innerHTML = xhr.responseText

不足：把数据和格式混在一起，限制了数据的应用场合

方式3：用application/xml格式

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/jisuanjixue/article-79238-8.html