在学习前端的JS中,肯定要涉及的是Ajax。最近在学习Jquery,涉及到jQuery与Ajax,特写这篇文章来说明一下自己的一点收获。
Ajax方法主要是用于与Web服务器进行交互,常用的创建服务器的方法(我现在已知的)有两种:IIS和AppServ,IIS之后再介绍,今天先说一下AppServ。
AppServ是PHP网页架站工具组合包,很适合初学者快速完成网页架站。
下载地址:https://www.appserv.org/en/ 从网站介绍就可以知道,AppServ是一个工具组合包,包括Apache、PHP、MySQL、phpMyAdmin等软件。
安装很简单,一直点击next,输入密码即可。
安装成功后在自己选择的安装目录下会出现这么几个文件和文件夹:
Apache的目录结构
• apache/bin Main Apache program.
• apache/conf Apache config file.
• apache/error Apache Error Template (Found on Apache2.x only).
• apache/icons Apache icons.
• apache/logs Apache Log file.
• apache/modules Apache Modules.
MySQL的目录结构
• mysql/bin Main MySQL database execution file.
• mysql/data MySQL database store.
• mysql/share MySQL Error Message.
PHP的目录结构
• php PHP Command line Execution and DLL Library.
• php/ext PECL PHP Extension for PHP (Found on PHP5 only).
• php/extension PECL PHP Extension for PHP (Found onPHP 4 only).
• php/PEAR PEAR Framework Components for PHP.
www的目录结构
• www Directory Root for Web page file.
• www/cgi-bin CGI file directory.
• www/phpMyAdmin phpMyAdmin program directory.
• www/appserv AppServ file, you can delete it after install.
• www/index.php AppServ index.php file you can delete it after install.
使用方法:
1、将需要运行的Html程序、JS程序放在在安装过程中选择的AppServ\www文件夹中(AppServ为安装目录)。
2、在浏览器的地址栏输入:http://localhost,即可打开页面,如图所示。
3、点击其中的Ajax实例文件就可以打开进行操作。
注意:运行有Ajax的程序须在同一个域上,即在服务器上运行,使用这样的方法相当于是在同一个域中运行,没有问题。
但是如果在本地运行含有Ajax的程序就会出现“跨域”的错误信息,解决这个问题很麻烦,而且需要很多的知识和技术,对于像我这样的菜鸟新手来说,不利于学习前端,偏离了学习的目标和初衷。