最近学习Jquery Ajax部分，通过简单例子,比较了下post，get方法的不同

HTML部分

 <html>

 <head>

 <title>jQuery Ajax 实例演示</title>

 </head>

 <script language="javascript" src="jquery.min.js"></script>

 <script language="javascript"><!--

 $(document).ready(function ()

 {

    $('#send_ajax').click(function (){

      var params=$('input').serialize(); //序列化表单的值

      $.ajax({

        url:'ajax_json.php', //后台处理程序

        type:'post',         //数据发送方式

        dataType:'json',     //接受数据格式

        data:params,         //要传递的数据

        success:update_page //回传函数(这里是函数名)

      });

    });

 //$.post()方式：

 $('#test_post').click(function (){

     $.post(

       'ajax_json.php',

       {

         username:$('#input1').val(),

         age:$('#input2').val(),

         sex:$('#input3').val(),

         job:$('#input4').val()

       },

       function (data) //回传函数

       {

         var myjson='';

         eval('myjson=' + data + ';');

         $('#result').html("姓名:"+myjson.username+"<br />年龄:"+myjson.age+"<br />性别:"+myjson.sex+"<br />工作:"+myjson.job+"<br />post方法");

       }

     );

    });

 //$.get()方式：

 $('#test_get').click(function (){

     $.get(

         'ajax_json.php',

         {

             username:$("#input1").val(),

             age:$("#input2").val(),

             sex:$("#input3").val(),

             job:$("#input4").val()

         },

         function(data) //回传函数

         {

             var myjson='';

             eval("myjson=" + data + ";");

             $("#result").html("姓名:"+myjson.username+"<br />年龄:"+myjson.age+"<br />性别:"+myjson.sex+"<br />工作:"+myjson.job+"<br />get方法");

         }

     );

 });

 });

 //回传函数实体，参数为XMLhttpRequest.responseText

 function update_page (json) {

     var str="姓名:"+json.username+"<br />";

     str+="年龄:"+json.age+"<br />";

     str+="性别:"+json.sex+"<br />";

     str+="工作:"+json.job+"<br />";

     str+="追加测试:"+json.append;

     $("#result").html(str);

 }

 // --></script>

 <body>

 <div id="result" style="background:orange;border:1px solid red;width:300px;height:200px;"></div>

 <form id="formtest" action="" method="post">

     <p><span>输入姓名:</span><input type="text" name="username" id="input1" /></p>

     <p><span>输入年龄:</span><input type="text" name="age" id="input2" /></p>

     <p><span>输入性别:</span><input type="text" name="sex" id="input3" /></p>

     <p><span>输入工作:</span><input type="text" name="job" id="input4" /></p>

 </form>

 <button id="send_ajax">提交</button>

 <button id="test_post">POST提交</button>

 <button id="test_get">GET提交</button>

 </body>

 </html>

PHP部分

 <?php

 //$arr = $_POST; //若以$.get()方式发送数据，则要改成$_GET.或者干脆:$_REQUEST

 $arr = $_REQUEST;

 $arr['append'] = '测试字符串';

 //print_r($arr);

 $myjson = my_json_encode($arr);

 echo $myjson;

 function my_json_encode($phparr){

     if(function_exists("json_encode")){

         return json_encode($phparr);

     }else{

         require_once 'json/json.class.php';

         $json = new Services_JSON;

         return $json->encode($phparr);

     }

 }

 ?>

PHP Ajax简单实例的更多相关文章

  1. php的ajax简单实例

    很早就听闻ajax的名声,但是却一直不知道怎么用,今天自己捣鼓了一下,竟然会用了,哈哈哈哈. 为了防止我自己忘记,现在把这个简单的实例记录下.这个实例是网上搜的,文末附上链接. 首先你得有自己的服务器 ...

  2. ASP.NET Ajax 简单实例

    本实例讲解Ajax 调用WCF服务. 1.建立一个网站,并在其中添加一个WCF服务(这里需要选择Ajax-Enabled WCF Service). 2.IDE会自动生成一个SVC文件. 3.服务代码 ...

  3. Ajax 简单实例，其实就是js里面内容有些不同而已（转载）

    这些时间,瞎子也看得见,AJAX正大踏步的朝我们走来.不管我们是拥护也好,反对也罢,还是视而不见,AJAX像一阵潮流,席转了我们所有的人. 关于AJAX的定义也好,大话也好,早有人在网上发表了汗牛充栋 ...

  4. EXT ajax简单实例

    转载:http://www.cnblogs.com/xiepeixing/archive/2012/10/24/2736751.html EXT ajax request是ext中对于ajax请求的实 ...

  5. AJAX简单实例

    越用AJAX越觉得它的强大.好用. 平常我们提交表单,是直接通过action属性,直接向后台提交数据. 我们也可以用AJAX向后台提交数据.例如: 这是一个表单,两个字段:notice,scort,保 ...

  6. ajax 简单实例

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script> ...

  7. Ajax简单实例（基于jQuery）

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8&quo ...

  8. 初学者必读之AJAX简单实例2

    1.a前台页面的主体 b.添加script函数: 这个函数功能1:把文本框的数据传入到后台程序   2.再接收后台程序处理之后的数据,将其插入到页面 2.后台程序功能 软件测试

  9. ajax原理总结附简单实例及其优点

    在工作中用了Ajax N多次了,也看过一些相关方面的书籍,也算是认识了它,但是一直没有认真总结和整理过相关的东东,失败! 近有闲情,将之总结如下: [名称] Ajax是Asynchronous Jav ...

随机推荐

  1. 1002: Prime Path

    题目链接:http://172.16.200.33/JudgeOnline/problem.php?id=1002 题意:给你两个四位数的素数,求最少经过多少步的变化能够从一个素数变到另一个素数.在变 ...

  2. 移动平台WEB前端开发技巧

    1.首先我们来看看webkit内核中的一些私有的meta标签,这些meta标签在开发webapp时起到非常重要的作用 <meta content="width=device-width ...

  3. Web前端常见问题处理

    1. 浏览器后退按钮 这个在注册或者登陆的时候是一个普遍的问题,登陆之后,跳转到另外一个页面,我的鼠标有两个侧键,是用于前进和后退的,有时候会误点侧键,这个时候页面又会回到之前的登录页面,但事实是用户 ...

  4. Mysql中查看表的类型InnoDB

    问题描述:   MySQL 数据表主要支持六种类型 ,分别是:BDB.HEAP.ISAM.MERGE.MYISAM.InnoBDB. 这六种又分为两类,一类是“事务安全型”(transaction-s ...

  5. 使用GSoap开发WebService客户端与服务端

    Gsoap 编译工具提供了一个SOAP/XML 关于C/C++ 语言的实现, 从而让C/C++语言开发web服务或客户端程序的工作变得轻松了很多. 用gsoap开发web service的大致思路 我 ...

  6. Redis Desktop Manager桌面管理工具

    Redis Desktop Manager桌面管理工具,方便管理我们放在redis中的各个缓存 及16个数据库 http://redisdesktop.com/download

  7. mybatis14 动态sql

    动态sql(重点) mybatis重点是对sql的灵活解析和处理. 1.1需求 将自定义查询条件查询用户列表和查询用户列表总记录数改为动态sql 1.2if和where <!-- 自定义查询条件 ...

  8. 【转】cocos2d-x中锚点设置及定位方式

    http://blog.csdn.net/wayne5ning/article/details/8160506 说在前面:以下是基于cocos2d-2.0-x-2.0.3作的总结 问题 在cocos2 ...

  9. Java基础知识强化之集合框架笔记63：Map集合之HashMap嵌套ArrayList

    1. ArrayList集合嵌套HashMap集合并遍历. 需求:假设ArrayList集合的元素是HashMap.有3个.每一个HashMap集合的键和值都是字符串.元素我已经完成,请遍历. 结果: ...

  10. 使用CSS的类名交集复合选择器

    首先先看一下基本定义: 复合选择器就是两个或多个基本选择器,通过不同方式连接而成的选择器,主要包括“交集”选择器.“并集”选择器.“后代”选择器. 交集选择器 “交集”复合选择器是由两个选择器直接连接 ...