js ajax返回给html页面吗,ajax返回form表单 html js能执行吗

本文详细介绍了如何使用AJAX技术返回的HTML表单,通过JavaScript实现无刷新表单提交。作者提供了两个函数,一个是利用纯JS模拟表单并提交,另一个是动态创建并操作实际表单元素。适合前端开发者学习AJAX与表单交互技巧。
摘要由CSDN通过智能技术生成

匿名用户

1级

2016-07-18 回答

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 = 0; i 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、在页面调用的方法:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值