首页 > web前端 > js教程 > 原生Ajax 和jQuery Ajax的区别示例分析_jquery

原生Ajax 和jQuery Ajax的区别示例分析_jquery

WBOY
发布: 2016-05-16 16:25:47
原创
941 人浏览过

  前言:这次介绍的是利用ajax与后台进行数据交换的小例子,所以demo必须通过服务器来打开。服务器环境非常好搭建,从网上下载wamp或xampp,一步步安装就ok,然后再把写好的页面放在服务器中指定的位置。打开时,在浏览器地址栏输入“localhost/指定页面”或者“127.0.0.1/指定页面”打开。

  下面列出demo的HTML、PHP、原生ajax 、jq ajax代码。

  HTML代码:

复制代码 代码如下:




    ajax示例
   
   
   


   

       

           

                   

  •                

  •                

  •                

  •            

       

       

       
       

   




  PHP代码:

复制代码 代码如下:

$details = array (
    'spring'    =>    "

人间四月芳菲尽,山寺桃花始盛开

",
    'summer'    =>    "

水晶帘动微风起,满架蔷薇一院香

",
    'fall'    =>    "

金井梧桐秋叶黄,珠帘不卷夜来霜

",
    'winter'        =>    "

梅须逊雪三分白,雪却输梅一段香

"
);
echo $details[$_REQUEST['LiName']];
?>

  原生ajax:

复制代码 代码如下:


  JQ ajax:

复制代码 代码如下:


相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板