jquery-12 jquery的ajax如何使用

一、总结

一句话总结：就是$.get()和$.post()方法的使用，看参考手册就好，与php的交互。

1、删除元素的时候如何设置删除特效？

animate()自定义或者slide和fade系列方法

 9             obj.parent().parent().fadeOut(100);

2、$.get()方法如何接收从后台返回来的数据？

callback:载入成功时回调函数。里面的参数，比如下面的r，php后台返回1表示删除成功。

50     $.get('delete.php',{id:id},function(r){

51         if(r=='1'){

52             obj.parent().parent().fadeOut(100);

53         }

54     });

3、$.post()方法和$.get()方法区别明显么？

用户几乎一模一样，不熟悉的时候去看参考手册

50     $.get('delete.php',{id:id},function(r){
 7     $.post('delete.php',{id:id},function(r){

4、jquery中方法中的参数中的回调函数怎么用？

就是一个匿名函数，只不过带参数，参数是从后台返回的而已。

callback:载入成功时回调函数。

50     $.get('delete.php',{id:id},function(r){

51         if(r=='1'){

52             obj.parent().parent().fadeOut(100);

53         }

54     });

二、jquery的ajax如何使用

1、ajax get请求

 <!doctype html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>index</title>

     <style>

         *{

             font-family: 微软雅黑;

         }

     </style>

     <script src="jquery.js"></script>

 </head>

 <body>

     <h1>用户管理:</h1>

     <?php

     //用php去数据库获取数据

     $pdo=new PDO('mysql:host=localhost;dbname=test','root','123');

     $pdo->exec('set names utf8');

     $sql="select * from user";

     $smt=$pdo->query($sql);

     $rows=$smt->fetchAll(PDO::FETCH_ASSOC);

     ?>

     <table width='1000px' border='1px' cellspacing='0'>

         <tr>

             <th>ID</th>

             <th>用户名</th>

             <th>密码</th>

             <th>删除</th>

         </tr>

         <?php

         foreach($rows as $row){

             echo "<tr>";

             echo "<td>{$row['id']}</td>";

             echo "<td>{$row['username']}</td>";

             echo "<td>{$row['password']}</td>";

             echo "<td><a href='javascript:' class='del' id='{$row['id']}'>删除</a></td>";

             echo "</tr>";

         }

          ?>

     </table>

 </body>

 <script>

 $('.del').click(function(){

     id=this.id;

     obj=$(this);

     //ajax通讯

     $.get('delete.php',{id:id},function(r){

         if(r=='1'){

             obj.parent().parent().fadeOut(100);

         }

     });

 });

 </script>

 </html>

2、ajax post请求

 <script>

 $('.del').click(function(){

     id=this.id;

     obj=$(this);

     //ajax通讯

     $.post('delete.php',{id:id},function(r){

         if(r=='1'){

             obj.parent().parent().fadeOut(100);

         }

     });

 });

 </script>
 

jquery-12 jquery的ajax如何使用的更多相关文章

  1. jQuery慢慢啃之ajax（九）

    1.jQuery.ajax(url,[settings])//通过 HTTP 请求加载远程数据 如果要处理$.ajax()得到的数据,则需要使用回调函数.beforeSend.error.dataFi ...

  2. jquery下php与ajax的互传数据（json格式）自我总结

    研究了一整天的json数据与ajax的数据传输,现在进行一个小的自我总结,仅供参考 1.关于ajax的认识 $.ajax(),是jquery下包装好的一个函数:参考地址:http://www.w3sc ...

  3. jQuery学习笔记之Ajax用法详解

    这篇文章主要介绍了jQuery学习笔记之Ajax用法,结合实例形式较为详细的分析总结了jQuery中ajax的相关使用技巧,包括ajax请求.载入.处理.传递等,需要的朋友可以参考下 本文实例讲述了j ...

  4. JQuery（三）-- AJAX的深入理解以及JQuery的使用

    HTTP HTTP http: 超文本传输协议.特点:  简单.快速.灵活.无状态.无连接 URL: 统一资源定位符. 组成:协议名://主机IP:端口号/项目资源地址?传递参数的键值对#锚点 ①ip ...

  5. [转载]Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结

    本文对Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法进行了详细的总结,需要的朋友可以参考下,希望对大家有所帮助. 详细解读Jquery各Ajax函数: ...

  6. [jQuery]jQuery DataTables插件自定义Ajax分页实现

    前言 昨天在博客园的博问上帮一位园友解决了一个问题,我觉得有必要记录一下,万一有人也遇上了呢. 问题描述 园友是做前端的,产品经理要求他使用jQuery DataTables插件显示一个列表,要实现分 ...

  7. 关于试用jquery的jsonp实现ajax跨域请求数据的问题

    我们在开发过程中遇到要获取另一个系统数据时,就造成跨域问题,这就是下文要说的解决办法: 先我们熟悉下json和jsonp的区别: 使用AJAX就会不可避免的面临两个问题,第一个是AJAX以何种格式来交 ...

  8. Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结

    本文对Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法进行了详细的总结,需要的朋友可以参考下,希望对大家有所帮助. 详细解读Jquery各Ajax函数:  ...

  9. [转]Spring3 MVC + jQuery easyUI 做的ajax版本用户管理

    原文地址:http://www.iteye.com/topic/1081739 上周写了篇基于spring3.0.5 mvc 简单用户管理实例 ( http://www.iteye.com/topic ...

  10. Comet 反Ajax: jQuery与PHP实现Ajax长轮询

    原文地址(http://justcode.ikeepstudying.com/2016/08/comet-%E5%8F%8Dajax-%E5%9F%BA%E4%BA%8Ejquery%E4%B8%8E ...

随机推荐

  1. 小米开源文件管理器MiCodeFileExplorer-源码研究(5)-AsyncTask异步任务

    说明:本文的文字和代码,主要来自于网上的2篇文章. 第4篇的时候,提到了异步任务AsyncTask. 网上找了2篇文章学习下,copy网友的代码,稍微改了几个字,运行成功了. 在开发Android移动 ...

  2. 联合体union用在何处？

    程序设计刚開始学习的人在学习时,总想问:"这个东东有什么用?"于是,在建设有关的教学资源时,也便总从这个角度,试图给出一些案例,这是一个将刚開始学习的人作为教学目标人群的人该干的事 ...

  3. ubuntu终端sudo java提示“command not found”解决办法

    我在ubuntu 12.04里想启动一个java程序,sudo java -jar xxx.jar,但是结果提示sudo:java:command not found. Ubuntu下用sudo运行j ...

  4. gullo.me 的 natvps

    gullo.me 的 natvps 1. 在下面的地址中输入内网 IP,查看许可的网络资源 https://hosting.gullo.me/plugin/support_manager/knowle ...

  5. 矩阵乘法java代码实现

    矩阵只有当左边矩阵的列数等于右边矩阵的行数时,它们才可以相乘, 乘积矩阵的行数等于左边矩阵的行数,乘积矩阵的列数等于右边矩阵的列数 即A矩阵m*n,B矩阵n*p,C矩阵m*p: package exa ...

  6. Vue的学习--遇到的一些问题和解决方法

    包括: 1.Missing space before function parentheses 2.如何给.vue文件的页面添加css 3.如何给.vue文件页面里的元素添加监听器 4.如何为每一个页 ...

  7. position记录

    1.  relative(相对定位):生成相对定位的元素,通过top,bottom,left,right的设置相对于其正常(原先本身)位置进行定位.可通过z-index进行层次分级.均是以父级的左上角 ...

  8. FAILOVER详细步骤

    FAILOVER详细步骤 1.Flush主库任何未传输的redo到目标备库 如果primary可以mount,则可以flush任何主库的未传输redo到备库,如果操作成功返回,则可以保证failove ...

  9. PythonServer

    服务器模型 硬件服务器 主机.集群 厂商:IBM.HP.联想.浪潮 软件服务器:编写的服务端应用程序,在硬件服务器上运行,一般依托于操作系统,给用户提供一套完整的服务 httpserver:处理htt ...

  10. amazeui-datatables（登录注册界面用到）

    amazeui-datatables(登录注册界面用到) 一.总结 amazeui-datatables:DataTables 插件 Amaze UI 集成,只修改了样式和默认显示语言,其他参数同官方 ...