-
GET请求：一般用于信息的获取，使用URL传递参数，对发出的信息数据量也有限制，一般在2000个字符。（查询获取，幂等，查询多少次也不会改变，当然也可以用get方法来修改员工的信息。）
GET请求一般多用于查询，不用于更新和插入删除。
POST请求：一般在请求体重，用于修改服务器上的资源，信息在体重，对于所发信息的数量没有限制。
查看全部 -
HTTP请求
第一步，建立TCP的连接。
第二步，web浏览器向web服务器发送请求命令。
第三步，web浏览器发送请求头信息。
第四步，web服务器应答
第五步，web服务器发送应答头信息。
第六步，web服务器向浏览器发送应答头信息。
第七步，web服务器关闭TCP连接
查看全部 -
HTTP是一种无状态的协议。
查看全部 -
eval不仅解析json的内容而且还执行了内容
parse只解析内容。不执行
查看全部 -
XMLHttpRequest对象
查看全部 -
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<style type="text/css">
#query_result,#save_result{
height: 12px;
}
</style>
<body>
<h1>员工查询</h1>
<label>请输入员工信息</label>
<input id="query_number" type="text" name="" value="">
<input id="query" type="submit" name="" value="查询">
<p id="query_result"></p>
<h2>新建员工信息</h2>
<label>请输入员工编号</label>
<input id="number" type="text" name="" value="" placeholder=""><br>
<label>请输入员工姓名</label>
<input id="name" type="text" name="" value="" placeholder=""><br>
<label>请输入员工性别</label>
<input type="radio" name="sex" value="男" placeholder="">男
<input type="radio" name="sex" value="女" placeholder="">女<br>
<label>请输入员工职位</label>
<input id="job" type="text" name="" value="" placeholder=""><br>
<input id="save" type="submit" name="" value="保存">
<p id="save_result"></p>
<script src="jq-lib/jquery-3.3.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#query").click(function(){
$.ajax({
type:"GET",
url:"http://localhost:8055/server.php?number="+$("#query_number").val(),
dataType:"json",
success:function(data){
if(data.success){
$("#query_result").html(data.msg);
}else{
$("#query_result").html("出现错误："+data.msg);
}
},
error:function(jqXHR){
alert("请求出错："+jqXHR.status);
}
});
});
//创建
$("#save").click(function(){
$.ajax({
type:"POST",
url:"http://localhost:8055/server.php",
dataType:"json",
data:{
number:$("#number").val(),
name:$("#name").val(),
sex:getRadioValue($("[name='sex']")),
job:$("#job").val()
},
success:function(data){
if(data.success){
$("#save_result").html(data.msg);
}else{
$("#save_result").html("出现错误："+data.msg);
}
},
error:function(jqXHR){
alert("请求出错："+jqXHR.status);
}
});
});
});
function getRadioValue(radios){
for(var i=0;i<radios.length;i++){
if(radios[i].checked==true){
return radios[i].value;
}
}
}
//创建
/* document.getElementById("save").onclick=function(){
var xhr = new XMLHttpRequest();
xhr.open("POST","server.php",true);
xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xhr.send("number="+document.getElementById("number").value+
"&name="+document.getElementById("name").value+
"&sex="+getRadioValue(document.getElementsByName("sex"))+
"&job="+document.getElementById("job").value);
xhr.onreadystatechange=function(){
if(xhr.readyState===4&&xhr.status===200){
var respData = JSON.parse(xhr.responseText);
if(respData.success){
document.getElementById("save_result").innerHTML=respData.msg;
}else{
document.getElementById("save_result").innerHTML="出现错误："+respData.msg;
}
}
}
}
*/
//查询
/*
document.getElementById("query").onclick=function(){
var xhr = new XMLHttpRequest();
xhr.open("GET","http://localhost:8055/server.php?number="+document.getElementById("query_number").value,true);
xhr.setRequestHeader("Content-Type","text/plain;charset=utf-8");
xhr.send();
xhr.onreadystatechange=function(){
if(xhr.readyState===4&&xhr.status===200){
var respData = JSON.parse(xhr.responseText);
if(respData.success){
document.getElementById("query_result").innerHTML=respData.msg;
}else{
document.getElementById("query_result").innerHTML="出现错误："+respData.msg;
}
}
}
}
*/
</script>
</body>
</html>
查看全部 -
跨域的请求
查看全部 -
php服务端安装
查看全部 -
ajax异步的介绍
查看全部 -
var request; if(window.XMLHttpRequest）｛ request= new XMLHttpRequest(); //IE7+, FireFox, Chrome,Opera,Safari } else { request = new ActiveXObject("Microsoft.XMLHTTP"); //IE6,IE5 }查看全部 -
PHP：是一种创建动态交互性站点的服务器端脚本语言。
XAMMP：https：//www.apachefriends.org/download.html
查看全部 -
XMLHTTPRequest取得响应：
监听成功且响应成功
查看全部 -
XMLHttpRequest发送请求：
（1）open（method，url，async）
method：发送请求方法；
url：请求地址；
async：请求同步/异步，默认值为true。
（2）send（string）
查看全部 -
jsonp解决跨域方法：
jq
只支持GET请求
查看全部 -
1.什么是HTTP？
http是计算机通过网络进行通信的规则。
http是一种无状态（不建立持久的连接）协议。
2.http请求的七个步骤：
3.http请求一般由四部分组成：
4.get和post请求
get 请求 不安全，一般是用来查询，不会影响数据本身，不做增删改 幂等；
post请求安全，对其他人不可见 ，可做增删改；
5.http响应：
6.HTTP状态码：
查看全部
举报