重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
1、传统方式,判断浏览器进行post请求
成都创新互联公司专注于企业全网营销推广、网站重做改版、向阳网站定制设计、自适应品牌网站建设、HTML5、成都商城网站开发、集团公司官网建设、成都外贸网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为向阳等各大城市提供网站开发制作服务。
var xmlobj; //定义XMLHttpRequest对象
function CreateXMLHttpRequest()
{
if(window.ActiveXObject)
//如果当前浏览器支持Active Xobject,则创建ActiveXObject对象
{
//xmlobj = new ActiveXObject("Microsoft.XMLHTTP");
try {
xmlobj = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlobj = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
xmlobj = false;
}
}
}
else if(window.XMLHttpRequest)
//如果当前浏览器支持XMLHttp Request,则创建XMLHttpRequest对象
{
xmlobj = new XMLHttpRequest();
}
}
function SubmitArticle(act,cityname,antique) //主程序函数
{
CreateXMLHttpRequest(); //创建对象
//var parm = "act=firstweather" ;//构造URL参数
//antique = escape(antique);
var parm = "act=" + act + "cityname=" + cityname + "antique=" + antique;//构造URL参数
//xmlobj.open("POST", "{dede:global.cfg_templeturl/}/../include/weather.php", true); //调用weather.php
xmlobj.open("POST", "/weather/include/weather.php", true); //调用weather.php
xmlobj.setRequestHeader("cache-control","no-cache");
xmlobj.setRequestHeader("contentType","text/html;charset=uft-8") //指定发送的编码
xmlobj.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;"); //设置请求头信息
xmlobj.onreadystatechange = StatHandler; //判断URL调用的状态值并处理
xmlobj.send(parm); //设置为发送给服务器数据
}
2、虚拟表单的形式提交post请求
function post(URL, PARAMS) {
var temp = document.createElement("form");
temp.action = URL;
temp.method = "post";
temp.style.display = "none";
for (var x in PARAMS) {
var opt = document.createElement("textarea");
opt.name = x;
opt.value = PARAMS[x];
// alert(opt.name)
temp.appendChild(opt);
}
document.body.appendChild(temp);
temp.submit();
return temp;
}
//调用示例:
post('请求地址', {html :prnhtml,cm1:'sdsddsd',cm2:'haha'});
AJAX
$.ajax({
url:'服务器端URL',
type:'post',
data:{/*发送给服务器的数据*/},
success:function( response ){
//发送成功,做出相应操作
},
error:function( err ){
//发送失败,做出相应操作
}
})
javascript中向服务器发送http请求借助的是XMLHttpRequest对象,其他一些库如JQuery对http的请求应该是在这个上面的封装,创建XMLHTPRequest对象用下面的语句: function createXMLHttpRequest() { var xmlHttp; if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); if (xmlHttp.overrideMimeType) xmlHttp.overrideMimeType('text/xml'); } else if (window.ActiveXObject) {try {xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) {try {xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) {}}}return xmlHttp;} 发送get请求,并异步处理 xmlHttp = createXMLHttpRequest(); var url = "getfiledetail.jsp?fileid="+id; xmlHttp.open("GET", url, true);// 异步处理返回 xmlHttp.onreadystatechange = callback; xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;"); xmlHttp.send(); 发送post请求 var url = "getNginxStatus"; xmlHttp.open("POST", url, true); xmlHttp.onreadystatechange = getStatusBack; xmlHttp.setRequestHeader("Content-Type",
1、创建请求 var xhr = new XMLHttpRequest(); 构造函数实例化
2、确定发送方式和地址 xhr.open("get", url, true)
3、发送请求 xhr.send(null);
4、确定后台加载 xhr.onload = function(){}
5、请求返回的数据 xhr.responseText;