AJAX是一门艺术: 高级篇

简介:

AJAX ASP/PHP 请求函数

   AJAX 用于创造动态性更强的应用程序。
  当用户在输入框中键入字符时,会执行函数 "showHint()" 。该函数由 "onkeyup" 事件触发; 如果输入框不为空,showHint() 函数执行以下任务:
  • 创建 XMLHttpRequest 对象
  • 当服务器响应就绪时执行函数
  • 把请求发送到服务器上的文件
  • 请注意向 URL 添加了一个参数 q (带有输入框的内容)


AJAX 数据库函数

   当用户在下拉列表中选择某个客户时,会执行名为 "showCustomer()" 的函数。该函数由 "onchange" 事件触发;
showCustomer() 函数执行以下任务:
  • 检查是否已选择某个客户
  • 创建 XMLHttpRequest 对象
  • 当服务器响应就绪时执行所创建的函数
  • 把请求发送到服务器上的文件
  • 请注意向 URL 添加了一个参数 q (带有输入域中的内容)

AJAX XML 函数

   AJAX 可用来与 XML 文件进行交互式通信。
   当用户点击按钮,就会执行 loadXMLDoc() 函数。
loadXMLDoc() 函数创建 XMLHttpRequest 对象,添加当服务器响应就绪时执行的函数,并将请求发送到服务器。

当服务器响应就绪时,会构建一个 HTML 表格,从 XML 文件中提取节点(元素),最后使用已经填充了 XML 数据的 HTML 表格来更新 txtCDInfo 占位符:


学习小结

     在学习关于AJAX的函数中,感觉这些函数的使用就像是一本知识手册,掌握这本知识手册,就可以写出很好的效果了。当然,我们还需要在不断地整合中来使得我们的程序更加完美!

     感觉在一段间断的AJAX的学习中,更加完美的程序离不开它,在不断地学习中,希望自己可以设计的更为完善吧!














目录
相关文章
|
SQL 前端开发 JavaScript
29 Django高级- Ajax
29 Django高级- Ajax
46 0
|
JSON JavaScript 前端开发
|
Web App开发 JavaScript 前端开发
|
前端开发 程序员 JavaScript
|
XML 前端开发 JavaScript
|
12月前
|
XML 前端开发 JavaScript
什么是Ajax和jquery
什么是Ajax和jquery
83 0
|
6月前
|
JSON 前端开发 Java
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
135 0
|
6月前
|
敏捷开发 JavaScript 前端开发
❤❤❤【Vue.js最新版】sd.js基于jQuery Ajax最新原生完整版for凯哥API版本❤❤❤
❤❤❤【Vue.js最新版】sd.js基于jQuery Ajax最新原生完整版for凯哥API版本❤❤❤
|
6月前
|
前端开发 JavaScript
Jquery ajax捕获错误信息
Jquery ajax捕获错误信息
54 0