在javaScript中发送请求:

       1、发送get请求:下面这两个方式都是get方式的发送请求

//直接设置新的url,这种方式跳转为get方式
//document.location = "/servlet/pageUpdateUser?usercode="+$("#usercode").text()+"&username="+$("#username").val(); //这种是DOM层面的页面跳转
window.liocation.href = url;  //这种是实现窗口的页面跳转,BOM层面的页面跳转

2、发送post请求:

        --先设置函数

//发送POST请求跳转到指定页面
function httpPost(url,params) {
    var formEltTemp = document.createElement("form"); //增加表单,隐藏方式
    formEltTemp.action = url; 
    formEltTemp.method = "post";
    formEltTemp.style.display = "none"; //隐藏这个form

    //通过for..in来遍历params这个json数组对象
    for(var key in params){  
    var opt = document.createElement("textarea"); //新建一个文本框元素
    opt.name = key; //设置文本框的name属性
    opt.value = params[key]; //设置文本框的value属性
    formEltTemp.appendChild(opt); //把opt这个文本框加入到form表单中
    }

    document.body.appendChild(formEltTemp);//把增加的这个form表单添加到body中
    formEltTemp.submit(); //提交表单
    return formEltTemp; 
}

  --调用函数

//通过虚拟表单的形式提交post请求,从而实现页面的跳转
var url = "<%=request.getContextPath()%>/servlet/pageUpdateUser";

//设置往form表单中添的元素,name=value的方式,设置一个json数组对象
var params = {
    "usercode":document.getElementById("usercode").innerText,
    "username":$("#username").val(),
    "userpwd":$("#userpwd").val(),
    "orgtype":document.getElementById("orgtype").value
}

//调用函数,发送post请求
httpPost(url,params);
}

3、有时候在form表单中少一个两个要发送的值,需要在现有额form表单中添加数据

//给form表单中添加数据
    var form1Elt=document.getElementById("form1");//获取需要添加数据的form表单元素
    var opt = document.createElement("textarea");// 新建文本框元素
    opt.name = "usercode"; //设置name
    opt.value = $("#usercode").text(); //设置value
    form1Elt.appendChild(opt);//通过appendChild函数向form表单中添加新的元素--textarea元素/对象,即文本框

    document.forms[0].submit();//获取当前页面中所有表单集合,然后调用第一个form表单,进行提交

        

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐