jQuery实现AJAX

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <script src="jquery-1.11.3.js"></script>
</head>
<body>
    <input type="button" id="btn"  value="load">
    <script>
     $("#btn").click(function(){
      var json = {
       name : ‘zhangwuji‘,
       pwd : 12345
      }
      $("#btn").load("1.php",json,function(data){
       console.log(data);
      });
     });
    </script>
</body>
</html>
<?php
$name = $_REQUEST[‘name‘];
$pwd =  $_REQUEST[‘pwd‘];
echo "$name : $pwd";
?>
$().load(url,data,callback)方法 - 是对象方法
     * url - 请求地址
       * 当只传递url请求地址时:
      * 已经成功实现了AJAX的异步请求
      * 在代码逻辑中,并没有接收服务器端的响应
      * 默认的请求类型为GET
     * data - (可选)请求数据,格式必须为 { key:value }
       * 问题:
      * 定义Object还是符合该格式的字符串?Object
      * 服务器端如何接收?
        * 是用$_GET还是用$_POST?$_REQUEST
     * 根据客户端的请求数据中的name进行接收,目前name指的是谁?Object中的key
     * callback - (可选)回调函数
       function(data){}
    * 问题:该函数如何能接收服务器端的响应数据?
    * 思考:考虑回调函数中是否具备形参
      * 形参的名称可以自定义
      * 假定该回调函数具备形参:自定义a
      * 经过测试,该回调函数的确具备形参
      * 该形参的作用:接收服务器端的响应数据
     * 注意 - load()方法
       load()方法的请求方式由是否发送请求数据决定
    * GET方式 - load()方法没有发送请求数据
    * POST方式 - load()方法的确发送请求数据
     * 问题 - load()方法
       * load()方法只能直接使用文本格式,而无法直接使用XML或JSON格式

时间： 2024-10-25 04:16:05

jQuery实现AJAX的相关文章

Js原生Ajax和Jquery的Ajax

一.Ajax概述 1．什么是同步,什么是异步 同步现象:客户端发送请求到服务器端,当服务器返回响应之前,客户端都处于等待卡死状态 异步现象:客户端发送请求到服务器端,无论服务器是否返回响应,客户端都可以随意做其他事情,不会被卡死 2．Ajax的运行原理 页面发起请求,会将请求发送给浏览器内核中的Ajax引擎,Ajax引擎会提交请求到服务器端,在这段时间里,客户端可以任意进行任意操作,直到服务器端将数据返回给Ajax引擎后,会触发你设置的事件,从而执行自定义的js逻辑代码完成某种页面1 功能. 二

jQuery与Ajax的应用

Ajax的全称:Asynchronous JavaScript and XML (异步Javascript和XML) 传统模式中,数据提交通过表单方式实现,数据的获取是靠全页面刷新来重新获取整页的内容.而Ajax模式只是通过XMLHttpRequest对象向服务器端提交数据,即按需发送.因为Ajax需要与Web服务器端进行交互,所以用个服务器,我这里用的是Tomcat.  1. 传统Js的Ajax操作 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

JQuery中$.ajax()方法参数详解

url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和 delete也可以使用,但仅部分浏览器支持. timeout: 要求为Number类型的参数,设置请求超时时间(毫秒).此设置将覆盖$.ajaxSetup()方法的全局设 置. async:要求为Boolean类型的参数,默认设置为true,所有请求均为异步请求. 如果需要发送同步请求,请将此选项

【JAVAWEB学习笔记】28_jqueryAjax：json数据结构、jquery的ajax操作和表单校验插件

Ajax-jqueryAjax 今天内容: 1.json数据结构(重点) 2.jquery的ajax操作(重点) 3.jquery的插件使用   一.json数据结构 1.什么是json JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.它基于ECMAScript的一个子集. JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯.这些特性使JSON成 为理想的数据交换语言.易于人阅读和编写,同时也易于机器解析和生成(一般用于提升网络

Jquery的AJAX应用详解

案例一:取得服务端当前时间 简单形式:jQuery对象.load(url),返回结果自动添加到jQuery对象代表的标签中间 <body> 当前时间: <span id="time"></span><br /> <input type="button" value="获取时间" /> <script type="text/javascript"> $(&q

ajax系列之用jQuery的ajax方法向服务器发出get和post请求

打算写个ajax系列的博文,主要是写给自己看,学习下ajax的相关知识和用法,以更好的在工作中使用ajax. 假设有个网站A,它有一个简单的输入用户名的页面,界面上有两个输入框,第一个输入框包含在一个form表单里用来实现form提交,第二个输入框是单独的.没有包含在form里,下面就用这两个输入框来学习下jQuery的ajax. 1,前端的html和javascript代码 页面html 1 <main style="text-align: center; margin: 200px a

jquery中$.ajax方法提交表单

function postdata(){                        //提交数据函数 $.ajax({                                //调用jquery的ajax方法 type: "POST",                       //设置ajax方法提交数据的形式 url: "ok.php",                      //把数据提交到ok.php data: "writer=

jQuery之ajax错误调试分析

jQuery之ajax错误调试分析 jQuery中把ajax封装得非常好.但是日常开发中,我偶尔还是会遇到ajax报错.这里简单分析一下ajax报错 一般的jQuery用法如下,ajax通过post方式提交"汤姆和老鼠"这段数据到xxx.php文件中.成功后则打印返回的数据,失败则打印错误原因. 1 2 3 4 5 6 7 8 9 10 $.ajax({     url:"xxx.php",     type:"post",     dataty

jQuery中$.ajax()详解(转)

JQuery中$.ajax()方法参数详解     url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和 delete也可以使用,但仅部分浏览器支持. timeout: 要求为Number类型的参数,设置请求超时时间(毫秒).此设置将覆盖$.ajaxSetup()方法的全局设 置. async:要求为Boolean类型的参数,默认设置为true,所有

jquery中ajax方法load get post与脚本文件如php脚本连接时，脚本怎样接受数据？

例如jquery实现ajax,用load()方法 $("div").load("gethint.php",{username:'mars'}); 则在php脚本gethint.php中用$_POST[]来接受数据,load()用post方式传送数据. 用$.get()方法时用$_GET[]接受 用$.post方法时用$_POST接受