js进阶 14-2 如何用ajax验证登陆状态（这里用load方法）
2024-08-30 21:38:46
js进阶 14-2 如何用ajax验证登陆状态（这里用load方法）
一、总结
一句话总结：$('#test').load('test.php?password=1234560')，这样就get方式提交了密码。
1、load函数的三个参数分别是什么？
都有一个参数是方法完成时的执行函数，第二个参数是传递到后台的数据，第一个参数是url
.load()从服务器加载数据，然后把返回到HTML放入匹配元素。
语法：load(url,data,function(response,status,xhr))
1.必需的URL参数规定您希望加载的URL。
2.可选的data参数规定与请求一同发送的查询字符串键/值对集合。
3.可选的callback参数是load()方法完成后所执行的函数名称
2、load方法如何post方式提交数据？
用load的第二个参数
22 $('#test').load('test.php',{
23 password:'1234560'
24 })
11 //post方式提交数据
12 if ($_POST['password']=='123456') {
13 echo "登陆成功";
14 }else{
15 echo "密码错误";
16 }
二、如何用ajax验证登陆状态（这里用load方法）
1、相关知识
load()方法
jQuery load()方法作用是从服务器加载数据，是一个简单但强大的AJAX方法。
- .load()从服务器加载数据，然后把返回到HTML放入匹配元素。
语法：load(url,data,function(response,status,xhr))
1.必需的URL参数规定您希望加载的URL。
2.可选的data参数规定与请求一同发送的查询字符串键/值对集合。
3.可选的callback参数是load()方法完成后所执行的函数名称
- 回调函数参数含义
1. responseTxt-包含调用成功时的结果内容
2. statusTXT-包含调用的状态：可能是"success"、"notmodifide"、"error"、'timeout"、"abort"或"parsererror"中的一个，最长见的是：succes成功;error错误
3. Xhr-经过jQuery封装的XMLHttpRequest对象（保留其本身的所有属性和方法）
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>
<input type="button" id="btn" value="Ajax测试">
<div id="test"></div>
<body>
<script type="text/javascript">
$(function(){
$('#btn').click(function(){
//get方式提交数据
// $('#test').load('test.php?password=1234560')
//post方式提交数据
$('#test').load('test.php',{
password:'1234560'
})
})
})
</script>
</body>
</html>
php
<?php
/*
//echo "51自学网";
//get方式提交数据
if ($_GET['password']=='123456') {
echo "登陆成功";
}else{
echo "密码错误";
}
*/
//post方式提交数据
if ($_POST['password']=='123456') {
echo "登陆成功";
}else{
echo "密码错误";
}
?>
最新文章
- MySQL的create table as 与 like区别
- js产生随机数函数
- 用apktool工具进行apk的编译和反编译
- TextView的一些高级应用（自定义字体、显示多种颜色、添加阴影）
- fastDFS 一二事 - 简易服务器搭建（单linux）
- 浅谈C++源码的过国内杀软的免杀
- C# Lodop实现打印
- 动态的显示当前的时间---setInterval的用法
- 简单使用 PHP Phar 打包php代码 笔记
- 进入MFC讲坛的前言(二)
- plsql 安装后database下拉没有东西
- 读书笔记 effective c++ Item 39 明智而谨慎的使用private继承
- css 制作翻页布局
- 【系统监控】性能监测 vmstat,mpstat,iostat
- python学习日记（函数--装饰器）
- day6.python字典练习题
- python 常用模块之random,os,sys 模块
- hdfs底层存储分隔符
- 拼图类APP原型模板分享——简拼
- 面试题07_用两个栈实现队列——剑指offer系列