ajax返回form表单 html js能执行吗

ajax返回form表单 html js能执行吗,第1张

ajax返回form表单 html js能执行的,可以利用纯js来提交:

1、ajax返回如下form,用创建来模仿:

function post(url, params) {

var tempForm = document.createElement("form")

tempForm.action = url

tempForm.method = "post"

tempForm.style.display = "none"

for (var x in params) {

var opt = document.createElement("textarea")

opt.name = x

opt.value = params[x]

// alert(opt.name)

tempForm.appendChild(opt)

}

document.body.appendChild(tempForm)

tempForm.submit()

return tempForm

}

2、定义提交form的参数

function postParamAndOpenWindow(urlAndQuery){

// 分割url和请求参数

var pos = urlAndQuery.indexOf('?')

var url = urlAndQuery.substring(0, pos)

var query = urlAndQuery.substring(pos + 1)

// 动态建立Form中的数据

var tempForm = document.getElementById('tmpForm')

tempForm.action = url

tempForm.method = "post"

var pairs = query.split("&")

for(var i = 0i <pairs.lengthi++) {

var pos = pairs[i].indexOf('=')

if (pos == -1) continue

var argname = pairs[i].substring(0, pos)

var value = pairs[i].substring(pos + 1)

var opt = document.createElement("textarea")

opt.name = argname

opt.value = value

tempForm.appendChild(opt)

}

tempForm.submitBtn.click()

return tempForm

}

3、在页面调用的方法:

<a href="#" onclick="postParamAndOpenWindow("http://www.xxx.com/login?username=xxx&password=yyy')">

<script type="text/javascript">

var xmlHttp

var m="vale"

//那用到ajax就调用这个方法,传个url地址就可以了如all.do

function aa(url){

createXmlHttpRequest()//创建httpreques对象

xmlHttp.onreadystatechange=processor//调用回调函数

xmlHttp.open("get",url,true)//get方/式发送

xmlHttp.send(null)//发送

}

function processor(){

//readyState

//0 = 未初始化(uninitialized)

//1 = 正在加载(loading)

//2 = 加载完毕(loaded)

//3 = 交互(interactive)

//4 = 完成(complete)

if(xmlHttp.readyState==4){

if(xmlHttp.status==200){//200表示一切正常

var b=xmlHttp.responseText//获得后台返回的值json类型的

}

}

}

//创建一个XmlHttpRequest对象

function createXmlHttpRequest(){

if(window.ActiveXObject){

xmlHttp=new ActiveXObject("microsoft.XMLHTTP")

}else if(window.XMLHttpRequest){

xmlHttp=new XMLHttpRequest()

}

}

</script>


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/5896559.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-07
下一篇 2023-03-07

发表评论

登录后才能评论

评论列表(0条)

保存