<!DOCTYPE html>

 <html>

     <head>

         <meta charset="UTF-8">

         <title></title>

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

         <script>

             $(function(){

                 //$.get()

                 //$.post()

                 //$.ajax()

                 /*

                  type: 请求方式

                  url: 接口

                  data： 参数

                  async： 是否异步

                  success： 成功后的回调

                  error: 失败后的回调

                  complete: 完成后的回调

                  * */

                 /*

                 $.ajax({

                     //type:"get",

                     url: "json/football.json",

                     //data: {},

                     //async: true, //默认是异步

                     success: function(data){

                         console.log(data);

                     },

                     error: function(){

 //                        console.log(arguments[0]);

 //                        console.log(arguments[1]);

 //                        console.log(arguments[2]);

                         console.log("error");

                     },

                     complete: function(){

                         console.log("complete");

                     }

                 })

                 console.log("我是最先被调用的");

                 */

                 //$.get()

 //                $.get("http://60.205.181.47/myPHPCode2/checkname.php?regname=zhangsan", function(data){

 //                    //console.log( JSON.parse(data).msg );

 //                    console.log("get");

 //                })

                 $.get("http://60.205.181.47/myPHPCode2/checkname.php", {regname:"zhangsan"}, function(data){

                     console.log("get");

                 })

                 //$.post()

                 $.post("http://60.205.181.47/myPHPCode2/checkname.php", {regname:"zhangsan"}, function(data){

                     console.log("post");

                 })

             })

         </script>

     </head>

     <body>

     </body>

 </html>

ajax-jq的更多相关文章

  1. 原生ajax jq跨域

    原生js封装ajax //创建XmlhttpRequest对象 function createXHR(){     var xhr=null;     if(XMLHttpRequest){      ...

  2. php+ajax+jq

    <html> <head> <meta charset="UTF-8"> <title>JQueryAjax+PHP</tit ...

  3. Ajax Jq Razor语句

    1.JS刷新当前页面: window.location.reload(); 2.JSon成功后转向其他页面: window.location.href="要转向页面的地址(一般格式:/页面所 ...

  4. Ajax——jq中ajax的使用

    格式化表单 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF ...

  5. ajax jQ写的上传进度条

    XML/HTML Code <form id="myForm" action="upload.php" method="post" e ...

  6. Django---CSRF的装饰器,CSRF的流程,JSON数据格式,ajax技术(基于JQ实现)

    Django---CSRF的装饰器,CSRF的流程,JSON数据格式,ajax技术(基于JQ实现) 一丶CSRF相关的装饰器 from django.utils.decorators import m ...

  7. ajax、fetch、axios — 请求数据

    jquery ajax jq 的ajax是对原生XHR的封装,除此以外还增添了对JSONP的支持.用起来非常方便 用法: $.ajax({ url:发送请求的地址, data:数据的拼接,//发送到服 ...

  8. 潭州课堂25班：Ph201805201 WEB 之 Ajax第八课 (课堂笔记)

    js <——>jq <!DOCTYPE html> <html lang="en"> <head> <meta charset ...

  9. jq 与原生js 方法互相转换

    最近在用mui写页面,当然了在移动App里引入jq或zepto这些框架,肯定是极不理性的.虽然jq很简单,但是也有兼容问题,js基础是很重要的,jq的成功当时是因为ie6.7.8.9.10.chrom ...

  10. laravel7 H-ui模板ajax修改（资源路由）

    1:列表首页设置点击事件,并将id传至后台,查询数据 <td class="f-14"><a title="编辑" href="ja ...

随机推荐

  1. ASP.NET MVC 学习笔记之View 和Redriect的区别

    首先先说一下Redriect 和RedirectToAction 两个没什么区别,都是向浏览器发送302 Found相应,再有浏览器向对应的url进行请求 只是参数的意义不同而已 再说Redirect ...

  2. ASE——第一次结对作业

    ASE--第一次结对作业 问题定义 很早就听说了MSRA的黄金点游戏,让大家写Bot来参加比赛看谁的AI比较聪明可以操盘割韭菜.深感ASE课程老师设计的任务太用心了,各种接口都准备好了,大家只用专注于 ...

  3. 记录一下取ul中li的值

    //#id 事件 $('#onLineUser').on('click','li',function () { $(".list-group-item").removeClass( ...

  4. javaSE Comparable接口中的compareTo()方法

    我们都知道,要对自建对象按照一定规则进行排序的话,要求自建对象实现Comparable接口,并重写compareTo() 方法,但compareTo() 方法的释义却不是那么容易搞清楚,下面举例进行阐 ...

  5. Linux 100个常用指令

    1.ls 列出目录内容. 文件属性: -:普通文件 d:目录文件 b:块设备 c:字符设备文件 l:符号连接文件 p:命令管道 s:套接字文件 文件权限: 9位数字,每3位一组 文件硬链接次数 文件所 ...

  6. 在Eclipse上安装Spring Tool Suite

    . 不装IDE会没有Spring bean configure file Spring Tool Suite是一个基于Eclipse IDE开发环境中的用于开发Spring应用程序的工具,提供了开箱即 ...

  7. js 搞点小事情

    <script type="text/javascript"> (function(){ if(!window.console){window.console ={lo ...

  8. Vue学习笔记【24】——Vue组件（组件切换）

    使用flag标识符结合v-if和v-else切换组件 页面结构:(缺点:只适用于两个组件间切换,不适合多个)  <div id="app">    <input ...

  9. BZOJ 2655: calc(拉格朗日插值)

    传送门 解题思路 首先比较容易能想到\(dp\),设\(f[i][j]\)表示前\(j\)个数,每个数\(<=i\)的答案,那么有转移方程:\(f[i][j]=f[i-1][j-1]*i*j+f ...

  10. Less 和 Sass

    LESS SASS sass 与 less 的区别与学习   :    https://www.cnblogs.com/roashley/p/7731865.html  或 https://www.c ...