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. postgresql 不同数据库不同模式下的数据迁移

    编写不容易,转载请注明出处谢谢, 数据迁移 因为之前爬虫的时候,一部分数据并没有上传到服务器,在本地.本来用的就是postgresql,也没用多久,数据迁移的时候,也遇到了很多问题,第一次使pg_du ...

  2. 获取Spring容器中Bean实例的工具类(Java泛型方法实现)

    在使用Spring做IoC容器的时候,有的类不方便直接注入bean,需要手动获得一个类型的bean. 因此,实现一个获得bean实例的工具类,就很有必要. 以前,写了一个根据bean的名称和类型获取b ...

  3. C++遍历目录+_finddata_t结构体用法

    Struct _finddata_t是用来存储文件各种信息的结构体,使用这个结构体要引用的头文件为“ #include <io.h>”它的结构体定义如下: struct _finddata ...

  4. golang 写文件

    package main import ( "bufio" "fmt" "io" "os" ) func main() ...

  5. Large Division (大数求余）

    Given two integers, a and b, you should check whether a is divisible by b or not. We know that an in ...

  6. 七、Docker+nginx

    原文:七.Docker+nginx docker run -p 80:80 --name nginx-v1.0.0 -v /usr/nginx/www:/www -v /home/docker/ngi ...

  7. Vue+TypeScript学习

    Vue CLI 内置了 TypeScript 工具支持.在 Vue 的下一个大版本 (3.x) 中也计划了相当多的 TypeScript 支持改进,包括内置的基于 class 的组件 API 和 TS ...

  8. Mysql 5.7.17 解压版(ZIP版)安装步骤详解

    下载 解压版下载地址(需要登录) :http://dev.mysql.com/downloads/mysql/ 下载后解压到你想要安装的目录就可以了 配置环境变量 为了方便使用,不必每次都进入bin目 ...

  9. [JWT] JWT with HS256

    The advantages of JWT over traditional session based validation is: it effectively removing all auth ...

  10. hysbz 2243 染色(树链剖分)

    题目链接:hysbz 2243 染色 题目大意:略. 解题思路:树链剖分+线段树的区间合并,可是区间合并比較简单,节点仅仅要记录左右端点的颜色就可以. #include <cstdio> ...