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. python stomp activemq客户端

    #coding=utf-8import timeimport sysimport stomp class MyListener(object): def on_error(self, headers, ...

  2. python爬虫之『入门基础』

    HTTP请求 1.首先需要了解一下http请求,当用户在地址栏中输入网址,发送网络请求的过程是什么? 可以参考我之前学习的时候转载的一篇文章一次完整的HTTP事务过程–超详细 2.还需要了解一下htt ...

  3. 前阿里云CTO章文嵩：怎样做开源才有意义？

    阿里云CTO章文嵩已于昨日离职,据传加盟滴滴.可靠消息透露,章文嵩在滴滴出行担任的是技术高级副总裁的职位.这样一个身价上亿的技术大牛,是怎么看待开源项目的?InfoQ:关于淘宝-阿里系的开源进程,我们 ...

  4. 从头认识java-15.7 Map（4）-介绍HashMap的工作原理-hash碰撞（常常作为面试题）

    这一章节我们来讨论一下hash碰撞. 1.什么是hash碰撞? 就是两个对象的key的hashcode是一样的,这个时候怎么get他的value呢? 答案是通过equals遍历table那个位置上面的 ...

  5. 洛谷P3391 【模板】文艺平衡树（Splay）（FHQ Treap）

    题目背景 这是一道经典的Splay模板题——文艺平衡树. 题目描述 您需要写一种数据结构(可参考题目标题),来维护一个有序数列,其中需要提供以下操作:翻转一个区间,例如原有序序列是5 4 3 2 1, ...

  6. 二维LIS（CDQ分治）

    题目描述 给定一个长度为N的序列S,S的每个元素pi是一个二元组(xi,yi),定义pi<pj当且仅当xi<xj并且yi<yj,求S的最长上升子序列长度 输入格式 第一行一个N,表示 ...

  7. Jmeter使用_处理响应结果显示乱码

    1. 添加BeanShell PostProcessor 输入prev.setDataEncoding("utf-8"); 目的是修改响应数据编码格式为utf-8,保存

  8. NIO专栏学习

    http://blog.csdn.net/column/details/12993.html

  9. 11.typeid

    #include <iostream> using namespace std; void main() { int a; cout << typeid(a).name() & ...

  10. mysql数据库忘记密码时如何修改（转）

    当我们忘记mysql数据库密码时我们就无法正常进入数据库,也就无法修改密码,那么这时该怎么修改密码呢,这里教大家一个简单常用修改密码的方式. (如果图简单快速修改密码的话,直接跳过查询步骤,依照图上执 ...