JS与Ajax Get和Post在使用上的区别实例详解

 更新时间:2016年06月08日 10:27:53   作者:tinyphp  
这篇文章主要介绍了JS与Ajax Get和Post在使用上的区别实例详解的相关资料,非常不错具有参考借鉴价值,需要的朋友可以参考下

get和post方法最大的不同在于:

1.get方法传值参数在url里面,而post参数放send里面

2.post方法必须加上

xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

下面实例可以看get方法

xmlHttp.open("GET","for.php?text="+url,true);

在post里面表现为:

xmlHttp.open("POST","for.php",true);
xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

POST和GET方法共用文件

index.php

<script src="a.js" type="text/javascript"></script>
<a href="#" onClick="funphp100('o')">o</a>
<a href="#" onClick="funphp100('t')">t</a>
<a href="#" onClick="funphp100('x')">x</a>
<div id="php100"></div> 

POST方法文件:

a.js

var xmlHttp; 
function S_xmlhttprequest(){ 
if(window.ActiveXObject){ 
xmlHttp=new ActiveXObject('Microsoft.XMLHTTP');
}else if(window.XMLHttpRequest){ 
xmlHttp=new XMLHttpRequest();
}
}
function funphp100(n){
var data = "text=" +n;  //多个参数的,往后加
S_xmlhttprequest();
xmlHttp.open("POST","for.php",true); 
xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlHttp.onreadystatechange=byphp;
xmlHttp.send(data);
}
function byphp(){
var byphp100=xmlHttp.responseText;
document.getElementById("php100").innerHTML=byphp100;
} 

for.php:

<?
echo $_POST['text'];
?> 

GET方法文件:

a.js:

var xmlHttp; 
function S_xmlhttprequest(){ 
if(window.ActiveXObject){ 
xmlHttp=new ActiveXObject('Microsoft.XMLHTTP');
}else if(window.XMLHttpRequest){ 
xmlHttp=new XMLHttpRequest();
}
}
function funphp100(url){
S_xmlhttprequest();
xmlHttp.open("GET","for.php?text="+url,true); 
xmlHttp.onreadystatechange=byphp; 
xmlHttp.send(null);
}
function byphp(){
var byphp100=xmlHttp.responseText;
document.getElementById("php100").innerHTML=byphp100;
} 

for.php:

<?
echo $_GET['text'];
?>

以上所述是小编给大家介绍的JS与Ajax Get和Post在使用上的区别实例详解的相关知识,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • 控制文字内容的显示与隐藏示例

    控制文字内容的显示与隐藏示例

    控制某id或class的地div显示与隐藏是比较容易实现的,但若控制文字内容的显示与隐藏该如何做到呢?下面有个示例,大家可以参考下
    2014-06-06
  • 微信小程序dom操作的替代思路实例分析

    微信小程序dom操作的替代思路实例分析

    这篇文章主要介绍了微信小程序dom操作的替代思路,结合实例形式分析了微信小程序通过事件响应、动态操作元素属性来实现dom操作效果,需要的朋友可以参考下
    2018-12-12
  • 如何全局重写小程序Page函数wx对象详解

    如何全局重写小程序Page函数wx对象详解

    这篇文章主要给大家介绍了关于如何全局重写小程序Page函数wx对象的相关资料,文中通过实例代码介绍的非常详细,对大家学习或者使用小程序具有一定的参考学习价值,需要的朋友可以参考下
    2022-08-08
  • javascript实现回车键提交表单方法总结

    javascript实现回车键提交表单方法总结

    这篇文章主要介绍了javascript实现回车键提交表单方法,实例总结了纯javascript与jQuery的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-01-01
  • js判断变量是否空值的代码

    js判断变量是否空值的代码

    判断变量是否空值undefined, null, '', false, 0, [], {} 均返回true,否则返回false
    2008-10-10
  • javascript实现校验文件上传控件实例

    javascript实现校验文件上传控件实例

    这篇文章主要介绍了javascript实现校验文件上传控件,实例分析了javascript检测上传文件类型是否为图片的功能,非常具有实用价值,需要的朋友可以参考下
    2015-04-04
  • js 全世界最短的IE浏览器判断代码

    js 全世界最短的IE浏览器判断代码

    以前最短的IE判定借助于IE不支持垂直制表符的特性搞出来的。
    2010-05-05
  • JavaScript实现图片懒加载的方法分析

    JavaScript实现图片懒加载的方法分析

    这篇文章主要介绍了JavaScript实现图片懒加载的方法,结合实例形式分析了javascript图片懒加载的原理、操作步骤与相关实现技巧,需要的朋友可以参考下
    2018-07-07
  • JavaScript如何实现在文本框(密码框)输入提示语

    JavaScript如何实现在文本框(密码框)输入提示语

    为了更好的达到用户体验度,我们在登录表单时会有一些提示语言,比如说:“请输入用户名”和“请输入密码”等语言,下面小编通过本篇文章给大家分享JavaScript如何实现在密码框中出现提示语,对js密码框提示语相关知识感兴趣的朋友一起学习吧
    2015-12-12
  • 基于javascript处理nginx请求过程详解

    基于javascript处理nginx请求过程详解

    这篇文章主要介绍了基于javascript处理nginx请求过程详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-07-07

最新评论