js进阶 14-4 $.get()方法和$.post()方法如何使用
js进阶 14-4 $.get()方法和$.post()方法如何使用
一、总结
一句话总结：$.get（URL,callback); $.post(URL,data,callback); callback函数和load()方法里面的callback一样。
1、load方法和$.get()以及$.post()方法的区别是什么（load也可以实现ajax的post和get请求）？
load方法是局部变量，前面需要加上监听对象，监听对象就是返回结果放置的元素
$.get()以及$.post()时全局方法，不必加上监听对象
20 // $('#test').load('test.php?password=1234560')
40 $.get('testGet.php',{password:'123456'},function(responseTxt,statusTxt){
41 // alert(responseTxt)
42 $('#test').html('responseTxt:'+responseTxt+'<br/>'+'status: '+statusTxt)
43 })
2、$.get()提交数据四种方法？
a、url中?接参数
b、字符串（jquery1.3之后支持）
c、json对象
20 //get方式提交数据1
21 /*
22 $.get('test.html',function(data,statusTxt){
23 alert(data)
24 alert(statusTxt)
25 })
26
27 //get方式提交数据2
28 $.get('testGet.php?password=123456',function(responseTxt,statusTxt){
29 // alert(responseTxt)
30 $('#test').html('responseTxt:'+responseTxt+'<br/>'+'status: '+statusTxt)
31 })
32
33 //get方式提交数据3
34 $.get('testGet.php','password=123456',function(responseTxt,statusTxt){
35 // alert(responseTxt)
36 $('#test').html('responseTxt:'+responseTxt+'<br/>'+'status: '+statusTxt)
37 })
38
39 //get方式提交数据4
40 $.get('testGet.php',{password:'123456'},function(responseTxt,statusTxt){
41 // alert(responseTxt)
42 $('#test').html('responseTxt:'+responseTxt+'<br/>'+'status: '+statusTxt)
43 })
44
45 //post方式提交数据1
46 $.post('testPost.php',{password:'123456'},function(responseTxt,statusTxt){
47 // alert(responseTxt)
48 $('#test').html('responseTxt:'+responseTxt+'<br/>'+'status: '+statusTxt)
49 })
二、$.get()方法和$.post()方法如何使用
1、相关知识
get()和post()方法
两种在客户端和服务器端进行请求-响应的常用方法是：GET和POST.
GET基本上用于从服务器获得（取回）数据。注释：GET方法可能返回缓存数据。
POST也可用于从服务器获取数据。不过，POST方法不会缓存数据，并且常用于连同请求一起发送数据。
- $.get（URL,callback);
参数
- 第一个参数是我们希望请求的URL;
- 第二个参数是回调函数。第一个回调参数存有被请求页面的内容，第二个回调参数存有请求的状态。
- $.post(URL,data,callback);
参数
- 必需的URL参数规定您希望请求的URL。
- 可选的data参数规定连同请求发送的数据
- 可选的callback参数是请求成功后所执行的函数名。第一个回调参数存有被请求页面的内容，而第二个参数存有请求的状态
- type：返回内容格式,xml,html,script,json,text,_default。
2、代码
html
<!DOCTYPE html>
<html lang="en">
<style>
</style>
<head>
<meta charset="UTF-8">
<title>演示文档</title>
<script type="text/javascript" src="jquery-3.1.1.min.js"></script>
<style type="text/css">
</style>
</style>
</head>
<body>
<input type="button" id="btn" value="Ajax测试">
<div id="test"></div>
<script type="text/javascript">
$(function(){
$(function(){
$('#btn').click(function(){
//get方式提交数据1
/*
$.get('test.html',function(data,statusTxt){
alert(data)
alert(statusTxt)
}) //get方式提交数据2
$.get('testGet.php?password=123456',function(responseTxt,statusTxt){
// alert(responseTxt)
$('#test').html('responseTxt:'+responseTxt+'<br/>'+'status: '+statusTxt)
}) //get方式提交数据3
$.get('testGet.php','password=123456',function(responseTxt,statusTxt){
// alert(responseTxt)
$('#test').html('responseTxt:'+responseTxt+'<br/>'+'status: '+statusTxt)
}) //get方式提交数据4
$.get('testGet.php',{password:'123456'},function(responseTxt,statusTxt){
// alert(responseTxt)
$('#test').html('responseTxt:'+responseTxt+'<br/>'+'status: '+statusTxt)
}) //post方式提交数据1
$.post('testPost.php',{password:'123456'},function(responseTxt,statusTxt){
// alert(responseTxt)
$('#test').html('responseTxt:'+responseTxt+'<br/>'+'status: '+statusTxt)
})
*/
//post方式提交数据2
$.post('testPost.php','password=123456',function(responseTxt,statusTxt){
// alert(responseTxt)
$('#test').html('responseTxt:'+responseTxt+'<br/>'+'status: '+statusTxt)
})
})
})
})
</script>
</body>
</html>
php（post请求和get请求）
get
<?php
//get方式提交数据
if ($_GET['password']=='123456') {
echo "登陆成功";
}else{
echo "密码错误";
} ?>
post
<?php
// //post方式提交数据
if ($_POST['password']=='123456') {
echo "登陆成功";
}else{
echo "密码错误";
}
?>
js进阶 14-4 $.get()方法和$.post()方法如何使用的更多相关文章
- js进阶 14 jquery的ajax有哪些函数和事件（多练）
js进阶 14 jquery的ajax有哪些函数和事件(多练) 一.总结 一句话总结:常用:load.ajax.post.get.getScript().getJSON().表单序列化,ajax事件这 ...
- js进阶 11-18 jquery中操作选择器的方法有哪些
js进阶 11-18 jquery中操作选择器的方法有哪些 一.总结 一句话总结:add().addBack().end() 1.add()方法是干嘛的,举一例? 将add()方法后选择器选择的jqu ...
- Node.js进阶：5分钟入门非对称加密方法
前言 刚回答了SegmentFault上一个兄弟提的问题<非对称解密出错>.这个属于Node.js在安全上的应用,遇到同样问题的人应该不少,基于回答的问题,这里简单总结下. 非对称加密的理 ...
- js进阶 14-2 如何用ajax验证登陆状态（这里用load方法）
js进阶 14-2 如何用ajax验证登陆状态(这里用load方法) 一.总结 一句话总结:$('#test').load('test.php?password=1234560'),这样就get方式提 ...
- js进阶 14-6 $.ajax()方法如何使用
js进阶 14-6 $.ajax()方法如何使用 一.总结 一句话总结:$.ajax([settings])settings可选.用于配置Ajax请求的键值对集合. 1.$.ajax()的特点是什么( ...
- js进阶 14-5 $.getScript()和$.getJSON()方法的作用是什么
js进阶 14-5 $.getScript()和$.getJSON()方法的作用是什么 一.总结 一句话总结:$.getScript()和$.getJSON()方法专门用来加载JS/JSON文件(远程 ...
- js进阶 14-1 jquery的ajax系列中的load方法的作用是什么
js进阶 14-1 jquery的ajax系列中的load方法的作用是什么 一.总结 一句话总结:jQuery load()方法作用是从服务器加载数据,是一个简单但强大的AJAX方法. 1.load函 ...
- js进阶 12-13 jquery中one方法和trigger方法如何使用
js进阶 12-13 jquery中one方法和trigger方法如何使用 一.总结 一句话总结: 1.one()方法和on()方法的区别是什么? 除了one()只执行一次,其它和on()一模一样,包 ...
- js进阶课程 12-9 jquery的事件对象event的方法有哪些？
js进阶课程 12-9 jquery的事件对象event的方法有哪些? 一.总结 一句话总结:三组六个,阻止默认事件一组,阻止冒泡一组,阻止冒泡和剩余事件一组. 1.事件的默认动作指什么? 比如点a标 ...
随机推荐
- 紫书 例题 9-13 UVa 1220 （最大独立子集）
这里的状态定义的非常的巧妙,d(i, 1)表示以i为根节点且选i的子树的最大独立子集 d(i, 0)表示以i为根节点且不选i的子树的最大独立子集 d(i, 1) = sum{ d(v, 0) | v是 ...
- 【Mysql】经常使用指令之——忘记password
上一篇文章基本总结了下myql下通过指令怎么创建用户.详见:[Mysql]经常使用指令之--用户操作(创建,授权,改动.删除) 今天说下特殊情况,忘记password了怎么办??? 重装.删除配置等能 ...
- 获取个人借阅信息---图书馆client
在上一篇利用jsoup解析个人信息----图书馆client,获得个人基本信息后.便有了进一步的需求:获取当前借阅的具体信息 获取的方法还是一样的.利用jsoup解析借阅信息页面,获得所需数据,封装成 ...
- 下载eclipse详细步骤
先登陆eclipse的官网 然后点击红色箭头进行选择你电脑是32还是64位的 根据自己的需求下载 然后点击下载 这里下载的是安装包,你要进行压缩.安装时一定要好相应的jdk要不然就会报错 这上面的错误 ...
- 设计模式之Build(生成者模式)
一.生成器模式的定义: 生成器模式也称为建造者模式.生成器模式的意图在于将一个复杂的构建与其表示相分离,使得同样的构建过程可以创建不同的表示(GoF).在软件设计中,有时候面临着一个非常复杂的对象的创 ...
- HTML5多维度数据分析
详情:http://echarts.baidu.com/index.html
- uname 命令
uname -p 显示系统的芯片类型.如,PowerPC uname -r 显示操作系统的版本号 uname -s 显示系统名称.例如,AIX uname -n 显示节点名称 uname -a 显示系 ...
- UVALive 6527 Counting ones dfs（水
题目链接:点击打开链接 #include <cstdio> #include <vector> using namespace std; typedef long long l ...
- [NOI.AC#35]string 缩点+拓扑排序
链接 因为有交换相邻字母,因此给你字符串就相当于给你了这个字符串的所有排列 把等价的串映射到整数范围,再根据 \(m\) 种魔法连边,缩点后在 DAG 上DP即可 无耻地用了int128 #inclu ...
- Office GVLK 密钥对照表（kms激活专用）
Office2016系列: Office Professional Plus 2016:XQNVK-8JYDB-WJ9W3-YJ8YR-WFG99 Office Standard 2016:JNRGM ...