0

0

通过PHP和Sajax使用Ajax之JavaScript

高洛峰

高洛峰

发布时间:2016-11-25 09:55:22

|

1429人浏览过

|

来源于php中文网

原创

多年以来,创建真正具有响应性的 web 应用程序这一目标一直被 web 开发的一个简单事实所阻碍:要改变页面某一部分的信息,用户就必须重载整个页面。但是以后不再会这样了。感谢异步 java? 脚本和 xml(ajax),我们现在可以从服务器端请求新内容,只修改页面的一部分。这个教程解释了如何把 ajax 用于 php ,并介绍了简单 ajax 工具包(sajax),这是一个用 php 编写的工具,可以把服务器端 php 与 javascript 集成。 

  开始之前

  这份教程针对的是对于开发富 web 应用程序感兴趣的人,富 web 应用程序把异步 javascript 和 xml(ajax)与 php 结合起来,用户每次点击时,不必刷新整个页面,就可以动态更新内容。这份教程假设读者了解基本的 php 概念,包括 if 和 switch 语句以及函数的使用。

  关于本教程

  在本教程中,将学习 ajax 以及围绕它的应用的问题。将用 php 构建一个 ajax 应用程序,显示以前写的一个教程中的面板。点击面板链接只会重新载入内容区,并用选定面板的内容替换它,从而节约了带宽和页面装入的时间。然后将把简单 ajax 工具包(sajax)集成进 ajax 应用程序,它可以同步 ajax 的使用,从而简化开发。

  概述

  在深入之前,先看看 ajax、示例 php 应用程序和 sajax。 ajax

  ajax 允许 web 开发人员创建交互的 web 页面,同时避免必须等候页面载入这一瓶颈。通过 ajax 创建的应用程序,只需点击按钮,就可以用全新的内容替换 web 页面某一区域的内容。它的精彩之处在于不必等候页面装入,只有这一个区域的内容需要载入。以 google maps 为例:可以点击和四处移动地图,却不必等候页面载入。

  ajax 的问题

  在使用 ajax 时有些事需要注意。像其他 web 页面一样,ajax 页面是可以加书签的,所以在使用 get 与 post 进行请求时就会造成问题。国际化和编码方案数量的增加,使得把这些编码方案标准化变得日益重要。在这份教程中将了解这些重要的问题。

  示例 php 应用程序

  首先要用 ajax 创建一个应用程序,然后用 sajax 创建,以展现使用这个工具包的好处。应用程序是以前编写的教程中的一部分,带有面板链接。它被用作示例,以展示使用 ajax 的优势。因为在各个面板上点击时,它们会异步装入,而不必等候页面剩下的部分再次装入。这个示例应用程序还会展示如何创建自己的 ajax 应用程序。

  sajax

  如果想创建 ajax 应用程序,又不想受 ajax 复杂的细节所累。答案就是 sajax。通过使用 modernmethod 人员开发的库,sajax 为 web 开发人员抽象出了 ajax 的高层细节。在底层,sajax 的工作与 ajax 相同。但是,通过使用 sajax 库提供的高层函数,可以忽略 ajax 的技术细节。

  什么是 ajax?

  这一节是个入门介绍,用示例解释 ajax 的概念,包括在点击链接时发生了什么,ajax 用于 php 应用程序时需要的 html 和 javascript 代码。下一节将更深入一些,实际地使用在这一节学习的 ajax 概念创建 php 应用程序。

  幕后内容

  ajax 是异步 javascript 和 xml 的组合。之所以说异步,是因为可以点击页面上的链接,然后它只装入与点击对应的内容,同时保持标题或其他任何设定的信息不动。

  点击链接时,在背后工作的是 javascript 函数。javascript 创建与 web 浏览器通信的对象,并告诉浏览器装入特定页面。然后可以像平常一样浏览同一页面上的其他内容,当浏览器完全装入新页面的时候,浏览器会在 html 的 div 标记指定的位置显示内容。

  css 样式代码用来和 span 标记一起创建链接。

  css 样式代码

  示例应用程序需要 css 代码,这样 span 标记看起来就像使用常规的锚标记(<a href="http://www.php1.cn/"> 
  清单 1. 指定 span 标记的显示信息

...
<style type="text/css">
span:visited{ text-decoration:none; color:#293d6b; }
span:hover{ text-decoration:underline; color:#293d6b; }
span {color:#293d6b; cursor: pointer}
</style> 

php中级教程之ajax技术
php中级教程之ajax技术

AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。它不是新的编程语言,而是一种使用现有标准的新方法,最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容,不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。《php中级教程之ajax技术》带你快速

下载
PHP速学教程(入门到精通)
PHP速学教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

php

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
C++ 设计模式与软件架构
C++ 设计模式与软件架构

本专题深入讲解 C++ 中的常见设计模式与架构优化,包括单例模式、工厂模式、观察者模式、策略模式、命令模式等,结合实际案例展示如何在 C++ 项目中应用这些模式提升代码可维护性与扩展性。通过案例分析,帮助开发者掌握 如何运用设计模式构建高质量的软件架构,提升系统的灵活性与可扩展性。

14

2026.01.30

c++ 字符串格式化
c++ 字符串格式化

本专题整合了c++字符串格式化用法、输出技巧、实践等等内容,阅读专题下面的文章了解更多详细内容。

9

2026.01.30

java 字符串格式化
java 字符串格式化

本专题整合了java如何进行字符串格式化相关教程、使用解析、方法详解等等内容。阅读专题下面的文章了解更多详细教程。

12

2026.01.30

python 字符串格式化
python 字符串格式化

本专题整合了python字符串格式化教程、实践、方法、进阶等等相关内容,阅读专题下面的文章了解更多详细操作。

4

2026.01.30

java入门学习合集
java入门学习合集

本专题整合了java入门学习指南、初学者项目实战、入门到精通等等内容,阅读专题下面的文章了解更多详细学习方法。

20

2026.01.29

java配置环境变量教程合集
java配置环境变量教程合集

本专题整合了java配置环境变量设置、步骤、安装jdk、避免冲突等等相关内容,阅读专题下面的文章了解更多详细操作。

18

2026.01.29

java成品学习网站推荐大全
java成品学习网站推荐大全

本专题整合了java成品网站、在线成品网站源码、源码入口等等相关内容,阅读专题下面的文章了解更多详细推荐内容。

19

2026.01.29

Java字符串处理使用教程合集
Java字符串处理使用教程合集

本专题整合了Java字符串截取、处理、使用、实战等等教程内容,阅读专题下面的文章了解详细操作教程。

3

2026.01.29

Java空对象相关教程合集
Java空对象相关教程合集

本专题整合了Java空对象相关教程,阅读专题下面的文章了解更多详细内容。

6

2026.01.29

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
PHP课程
PHP课程

共137课时 | 10.3万人学习

JavaScript ES5基础线上课程教学
JavaScript ES5基础线上课程教学

共6课时 | 11.2万人学习

PHP新手语法线上课程教学
PHP新手语法线上课程教学

共13课时 | 0.9万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号