格式化表单

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

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

</head>

<body>

<form action="11.php" method="get" id="form">

    <input type="text" name="text" value="wq"><br>

    <input type="text" name="pwd" value="123"><br>

    <input type="text" name="sex" value="nv">

</form>

<script>

    $(function () {

        var a = $('#form').serialize();

        console.log(a);//text=wq&pwd=123&sex=nv

        $.get('11.php', a, function (data) {

            console.log(data);//wq

        });

    });

</script>

</body>

</html>
<?php

  header("content-type:text/html;charset=utf-8");

  echo $_GET['text'];

?>

异步提交

1、参数的顺序要正确：url、data、success、dataType

2、最后一个dataType可以不写，如果写了json，那么返回的数据会自动进行js对象的转化JSON_parse()

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

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

</head>

<body>

<button>get异步</button>

<button>post异步</button>

<script>

    $(function () {

        $('button:eq(0)').on('click',function () {

            $.get('12.php',{name:'wq',age:12},function (data) {

                console.log(data);//wq==12

            })

        });

        $('button:eq(1)').on('click',function () {

            $.post('13.php',{name:'qx',age:14},function (data) {

                console.log(data);//qx===14

            })

        });

    });

</script>

</body>

</html>
<?php

  header("content-type:text/html;charset=utf-8");

  echo $_GET['name'].'=='.$_GET['age'];

?>
<?php

  header("content-type:text/html;charset=utf-8");

  echo $_POST['name'].'==='.$_POST['age'];

?>

ajax综合

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

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

</head>

<body>

<button>ajax异步</button>

<script>

    $(function () {

        $('button:eq(0)').on('click',function () {

            $.ajax({

                url:'13.php',

                data:{name:"qx",age:17},

                success:function (data) {

                    console.log(data);//qx===17

                },

                type:'post',

                beforeSend:function () {

                    console.log('发送之前调用');

                },

                error:function () {

                    console.log('数据接收错误');

                }

            });

        });

    });

</script>

</body>

</html>
<?php

  header("content-type:text/html;charset=utf-8");

  echo $_POST['name'].'==='.$_POST['age'];

?>

Ajax——jq中ajax的使用的更多相关文章

  1. jq中ajax的dataType:"json"是指什么？

    dataType String 预期服务器返回的数据类型.如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断,比如XML MIME类型就被识别为XML.在1.4中,JSON就 ...

  2. Ajax—web中ajax的常用方式

    什么Web2.0的特点? 1:注重用户贡献度 2:内容聚合RSS协议(每小块都个性化,单独加载单独请求,不用全部刷新--Ajax) 3:更丰富的用户体验 Ajax的概念? "Asynchro ...

  3. jq中的ajax

    jq对ajax进行了封装,在jq中$.ajax()方法是最底层的方法,第二层是load() , get() , post()方法,第三层是$.getScript()和$.getJSON().基本第二种 ...

  4. JQ中的Ajax的封装

    1.认识JQ中ajax的封装      jQ 对于ajax的封装有两层实现:$.ajax 为底层封装实现:基于 $.ajax ,分别实现了$.get 与$.post 的高层封装实现: 2.Ajax的底 ...

  5. jq中的ajax传参

        一.   jq中的Ajax传参有两种           1.通过url地址来传参    2.通过data来传递参数 1. url来传递参数 function GetQuery(id) { | ...

  6. 随便讲讲自己了解的ajax在JQ中的应用

    首先jQuery 库拥有完整的 Ajax 兼容套件.其中的函数和方法允许我们在不刷新浏览器的情况下从服务器加载数据. 定义和用法 ajax() 方法通过 HTTP 请求加载远程数据. 该方法是 jQu ...

  7. Asp.net MVC 中Ajax的使用 [分享]

    文章转自 http://www.huiyoumi.wang/upload/forum.php?mod=viewthread&tid=75&extra= Asp.net MVC 抛弃了A ...

  8. AJAX应用中必须要掌握的知识!

    AJAX是什么? 是Asynchronous Javascript And XML的首字母的缩写, 它不是一门的新的语言,而是对现有技术的综合利用. 其本质是在HTTP协议的基础上以异步的方式与服务器 ...

  9. 【jQuery】 JQ和AJAX

    AJAX AJAX全称异步 JavaScript 和 XML(Asynchronous JavaScript and XML),是一种用于网页前端和网站后台进行数据交互的手段.关于AJAX的详细介绍在 ...

随机推荐

  1. NOIP2005 树网的核

    题目描述 Description [问题描述]设 T=(V, E, W) 是一个无圈且连通的无向图(也称为无根树),每条边带有正整数的权,我们称T 为树网(treenetwork),其中V, E分别表 ...

  2. Java使用JNative调用DLL库

    编写测试DLL文件,源文件参照JNA调用用的DLL文件.地址:http://www.cnblogs.com/vevy/p/9076941.html (很重要)右键项目 --> 属性 --> ...

  3. SQL Server 2012内部原理及故障排除

    http://blog.csdn.net/burgess_liu/article/details/37900027

  4. 当你买了一辆全车搭载Android操作系统的某侠电动汽车以后

    前两天,小编的朋友圈被号称"中国特斯拉"的某侠超级电动跑车刷爆了.秉着喷喷更健康的精神.小编来为大家讲述一下.假设你买了一辆全车搭载着Android操作系统的某侠电动车,可能会遇 ...

  5. 6.6 random--伪随机数的生成

    本模块提供了生成要求安全度不高的随机数.假设须要更高安全的随机数产生.须要使用os.urandom()或者SystmeRandom模块. random.seed(a=None, version=2) ...

  6. MVC异常过滤器 （错误页）

    控制器 using System; using System.Collections.Generic; using System.Linq; using System.Web; using Syste ...

  7. Cygwin与minGW

    这几天关注了一下它们, 事实上我是不想安装一下vs来编写一些小东西. 本来想写个小exe,于是跑到vs的bin以下把cl与link搞出来,却发现cl还要配置什么的,也不太清楚直接就二个exe与部分dl ...

  8. 在C#中实现listbox的项上下移动（winform） 标准

      在C#中实现listbox的项上下移动(winform) 收藏人:梅毛子360   2013-10-02 | 阅:1  转:2  |  分享    |    来源              usi ...

  9. .NET平台下Redis使用(三)【ServiceStack.Redis学习】

    MVC4项目下对redis进行增删该查 Models文件下实体类: public class Book { public string BookName {get;set;} public strin ...

  10. extern_c

    (1)    使用extern和包含头文件来引用函数有什么区别呢?extern的引用方式比包含头文件要简洁得多!extern的使用方法是直截了当的,想引用哪个函数就用extern声明哪个函数.这大概是 ...