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

前端之家收集整理的这篇文章主要介绍了JS与Ajax Get和Post在使用上的区别实例详解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

2.post方法必须加上

下面实例可以看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

PHP100('x')">x
PHP100">

POST方法文件

a.js

PHP100(n){ var data = "text=" +n;  //多个参数的,往后加 S_xmlhttprequest(); xmlHttp.open("POST",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

GET方法文件

a.js:

PHP100(url){ S_xmlhttprequest(); xmlHttp.open("GET",true); xmlHttp.onreadystatechange=byPHP; xmlHttp.send(null); } function byPHP(){ var byPHP100=xmlHttp.responseText; document.getElementById("PHP100").innerHTML=byPHP100; }

for.PHP

以上所述是小编给大家介绍的JS与Ajax Get和Post在使用上的区别实例详解的相关知识。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

原文链接:https://www.f2er.com/ajax/48043.html

猜你在找的Ajax相关文章