ajax的内容
ajax是什么？
通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新，可以局部刷新而不必整个页面整体刷新。
url的简单认识：
进入服务器的三种方式：
1.localhost：端口号（进入本机创建的服务器）
http://localhost:8888/
2.127.0.0.1：端口号（进入本机创建的服务器）
http://127.0.0.1:8888/
3.ip：端口号
http://192.168.9.105:8888/
上传数据到服务器的两种方法：
第一种通过form表单：
get方式
<h1>通过get方式提交表单</h1>
<form action="05.php" method="GET">
<input type="text" placeholder="请输入用户名" name="userName">
<br>
<input type="text" placeholder="请输入技能" name="userSkill">
<br>
<input type="submit">
<button>提交</button>
<!-- <input type="image" src=""> -->
</form>
<?php
echo "这个为get提交的页面"; // $_GET[] get提交方式从前台传递过来的数据 echo "<br>";
echo $_GET['userName'];
echo "<br>";
echo $_GET['userSkill'];
echo "<br>";
echo '<h1>'.$_GET['userName'].'欢迎你</h1>'; //在php中字符串拼接使用的是.
?>
post方式：
<h1>通过post方式提交表单</h1>
<form action="06.php" method="POST">
<input type="text" placeholder="请输入用户名" name="userName">
<br>
<input type="text" placeholder="请输入技能" name="userSkill">
<br>
<input type="submit">
<button>提交</button>
<!-- <input type="image" src=""> -->
</form>
<?php
echo "这个为get提交的页面";
echo "<br>";
echo $_POST['userName'];
echo "<br>";
echo $_POST['userSkill'];
echo "<br>";
echo '<h1>'.$_POST['userName'].'欢迎你</h1>'; //在php中字符串拼接使用的是.
?>
第二种通过ajax提交到后台
原生ajax get版本
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ajax</title>
</head>
<body>
<script>
// 一般情况下只能在有服务的环境下发送请求 // ajax是局部刷新 // 1.创建ajax对象-xmlhttprequest对象
// XMLHttpRequest 对象 // variable=new XMLHttpRequest(); 新版本的浏览器
// variable=new ActiveXObject("Microsoft.XMLHTTP"); //老版本的IE ，IE5，IE6
var xhr;
if(window.XMLHttpRequest){ //常规，如果有，直接使用
xhr = new XMLHttpRequest();
}else{ //如果没有，老版本IE
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
console.log(xhr)
console.log("状态码:" + xhr.readyState);
console.log('响应码：' + xhr.status);
console.log('响应文本:' + xhr.responseText);
console.log('步骤一完成') // 2.通过监听ajax的状态的改变来监听
xhr.onreadystatechange = function(){
console.log('xhr的状态码发生了改变');
console.log("状态码:" + xhr.readyState);
console.log('响应码：' + xhr.status);
console.log('响应文本:' + xhr.responseText);
console.log('\n');
}
console.log('步骤二完成') // 3.创建请求的消息，连接服务器 状态码0=>1
xhr.open('GET','07.php',true); //最后一个参数是bool，表示同步||异步，true异步
console.log('步骤三完成') // 4.发送
xhr.send(null); //如果是post请求，就放post参数，如果是get请求，发送null就行了 // •0: 请求未初始化
// •1: 服务器连接已建立
// •2: 请求已接收
// •3: 请求处理中
// •4: 请求已完成，且响应已就绪 // 响应码：
// 1xx 信息类
// 2xx 成功 200
// 3xx 重定向 304
// 4xx 客户端错误 404
// 5xx 服务端错误 // 参考
// https://blog.csdn.net/ddhsea/article/details/79405996 </script>
</body>
</html>
<?php
for($i = 0;$i<5;$i++){
// echo "hello world".$i;
echo "hello world $i"; //双引号直接可以写变量，但是单引号不行，就表示一个串
echo "<br>"; } ?>
jquery版本的ajax
$("#btn").click(function(){
$.ajax({
type : "POST",
url : "http://192.168.9.154:8888/0221ajax/01.php",
data : {
uname : $("#username").val()
},
success : function(data){ //就是原生的xhr.responseText
console.log(data);
if(data == 0){
$("#ts").html("该用户名可以使用").css("color","green");
}else if(data == 1){
$("#ts").html("该用户名已被占用").css("color","red");
}
},
error : function(err){ //错误的
console.log(err)
}
})
})
<?php
header("ACCESS-CONTROL-ALLOW-ORIGIN:*");
header("ACCESS-CONTROL-ALLOW-Methods:POST,GET"); $db = ['jack','mack','mary']; //模拟数据库
$username = $_REQUEST['uname']; //表示可以接收post参数或者get参数 $flag = false;
foreach($db as $n){
if($n === $username){
$flag = true;
break;
}
} if($flag){
echo "1";
}else{
echo "0";
} ?>
ajax的内容的更多相关文章
- PHPcurl抓取AJAX异步内容(转载)
PHPcurl抓取AJAX异步内容 其实抓ajax异步内容的页面和抓普通的页面区别不大.ajax只不过是做了一次异步的http请求,只要使用firebug类似的工具,找到请求的后端服务url和传值的参 ...
- PHP curl 抓取AJAX异步内容
其实抓ajax异步内容的页面和抓普通的页面区别不大.ajax只不过是做了一次异步的http请求,只要使用firebug类似的工具,找到请求的后端服务url和传值的参数,然后对该url传递参数进行抓取即 ...
- php面试专题---13、AJAX基础内容考点
php面试专题---13.AJAX基础内容考点 一.总结 一句话总结: ajax对提升用户速度,缓解服务器压力方面也是很有可取之处的,毕竟传递的数据少了 1.AJAX基础概念? Asynchronou ...
- PHP面试 AJAX基础内容
AJAX基础内容 Ajax的基本工作原理 Ajax基础概念:通过在后台与服务器进行少量数据交换,Ajax可以使用网页实现异步更新 Ajax工作原理:XMLHttpRequest是Ajax的基础 ...
- 几种方法实现ajax请求内容时使用浏览器后退和前进功能
ajax是一个非常好玩的小东西,不过用起来也会存在一些问题. 我们可以利用ajax进行无刷新改变文档内容,但是没办法去修改URL,即无法实现浏览器的前进与后退.书签的收藏功能. 利用location的 ...
- espcms列表页ajax获取内容 - 并初始化swiper
<link rel="stylesheet" href="swiper.min.css" type="text/css" media= ...
- 诅咒JavaScript之：Jquery ajax提交内容异常
jquery ajax 通过url提交内容,在服务器端获取却出现很奇怪的值,代码如下: ajaxurl = "aspx/logTable.ashx?action=load&Every ...
- ajax异步、同步问题，KindEditor ajax提交内容，ajax提交form表单 解决按两次的问题
版权声明:本文为博主原创文章,未经博主允许不得转载. 如果ajax不采用异步,整个js代码在服务器返回结果前都将阻塞,alert方法除外 lookUp('lookUp','',100,300,3); ...
- Django开发之Ajax 返回内容报错
预期效果 Django通过Ajax POST提交数据,前台弹窗处理结果 粗略代码 # views.py 代码 ...省略... msg = { 'code': 200, 'message': 'Hel ...
- 如何使你的Ajax应用内容可让搜索引擎爬行
This document outlines the steps that are necessary in order to make your AJAX application crawlable ...
随机推荐
- POJ 1320 Street Numbers（佩尔方程）
Street Numbers Time Limit: 1000MS Memory Limit: 10000K Total Submissions: 3078 Accepted: 1725 De ...
- 浅谈Sass与Less区别、优缺点
Sass是一种动态样式语言,Sass语法的缩排语法,比Css比多出很多功能,如变量,嵌套,运算,继承,颜色处理,函数等,易于阅读.Cass的安装需要安装Ruby环境,是服务器端处理的,Less是需要引 ...
- vSphere VCSA5.5加入AD域环境问题记录
vSphere VCSA5.5加入AD域环境问题记录 实验目的: 搭建一套vSphere VCSA5.5,并加入新搭建的AD域,并使用一个域用户登录VC,赋予对VC的只读权限. 实验环境: 使用VMW ...
- QlikView随意改变图例的位置
组里面花了大价钱请人设计了一套UI的solution,只是是以站点思路设计的报表样式,可是该报表UI设计团队本身因为没有QlikView的背景,因此设计出来的报表不知道能不能再QlikView中实现, ...
- 安装Signavio Web设计器
在Jbpm3版本号中,这个著名的开源项目并没有基于浏览器的图形化流程设计器,结果导致流程设计一直停留在CS阶段. 比方我之前做过的一个OA项目.项目中採用的就是Jbpm3.因为它不支持在浏览器中的图形 ...
- 基于MVC4+EasyUI的Web开发框架经验总结（13）--DataGrid控件实现自己主动适应宽带高度
在默认情况下,EasyUI的DataGrid好像都没有具备自己主动宽度的适应功能,通常是指定像素宽度的.可是使用的人员计算机的屏幕分辨率可能不一样,因此导致有些地方显示太大或者太小,总是不能达到好的预 ...
- POJ - 3415 Common Substrings(后缀数组求长度不小于 k 的公共子串的个数+单调栈优化)
Description A substring of a string T is defined as: T( i, k)= TiTi+1... Ti+k-1, 1≤ i≤ i+k-1≤| T|. G ...
- vue14 自定义过滤器
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- USACO2011 Jan:公司利润
简要题意: 奶牛开了家公司,已经连续运作了N 天.它们在第i 天获得了Ai元的利润,不过有些天是亏钱的,这种情况下利润就是一个负数.约翰想为它们写个新闻,吹嘘它们的惊人业绩.请你帮助他选出一段连续的日 ...
- POJ 1636 DFS+DP
思路: 先搜索出来如果选这个点 其它哪些点必须选 跑个背包就好了 //By SiriusRen #include <cstdio> #include <cstring> #in ...