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. 求s=a+aa+aaa+aaaa+aa...a的值，其中a是一个数字。 例如2+22+222+2222+22222(此时共有5个数相加)，几个数相加有键盘控制。

    代码: package com.liron.p1; import java.io.IOException; import java.util.Scanner; /** * 求s=a+aa+aaa+aa ...

  2. 一个简易版的Angular js 三层 示例

    var myApp = angular.module('produceline', []); myApp.factory('ajax', ["$http", "$q&qu ...

  3. 【习题 8-3 UVA - 12545】Bits Equalizer

    [链接] 我是链接,点我呀:) [题意] 在这里输入题意 [题解] 如果1的个数第一个串比第2个串多. 那么就无解. 否则. 找几个位置去凑1 优先找'?'然后才是0的位置 剩余的全都用swap操作就 ...

  4. Method and apparatus for transitioning between instruction sets in a processor

    A data processor (104) is described. The data processor (104) is capable of decoding and executing a ...

  5. hdu4336Card Collector 概率dp+状态压缩

    //给n个卡片每次出现的概率,求全部卡片都出现的须要抽的次数的期望 //dp[i]表示在状态的情况下到全部的卡片都出现的期望 //dp[i] = 1 + p1*dp[i] + ${p2[j]*dp[i ...

  6. worktools-git 工具的使用总结（2）

    1.创建分支 git branch son parent //创建分支,是在master 分支的基础上创建 :~/myGit$ git st # On branch master nothing to ...

  7. POJ 1320 Street Numbers Pell方程

    http://poj.org/problem?id=1320 题意很简单,有序列 1,2,3...(a-1),a,(a+1)...b  要使以a为分界的 前缀和 和 后缀和 相等 求a,b 因为序列很 ...

  8. 3/19 Django框架 url路由配置及模板渲染

    3/19 Django框架 url路由配置及模板渲染 1.路由分配 URL(Uniform Resoure Locato):统一资源定位符是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示, ...

  9. 优秀Java程序员必备10招

    1. 拥有扎实的基础和深刻理解 OO 原则 对于 Java 程序员,深刻理解 ObjectOriented Programming(面向对象编程)这一概念是必须的.没有 OOPS 的坚实基础,就领会不 ...

  10. CF #261 div2 D. Pashmak and Parmida&#39;s problem （树状数组版）

    Parmida is a clever girl and she wants to participate in Olympiads this year. Of course she wants he ...