如何将html表单转换成url,JS表单传值和URL编码转换

注意:

这里写了两个网页

因为URL传过去的数据不支持中文字符和一些特殊符号 所以需要转换一下编码

实现效果:网页1的表单数据传到网页2并显示出来

网页1代码如下:

document

账号:

姓名:

网页2代码如下:

document

window.οnlοad=function(){

var a=document.getElementById("str").innerText;

var b=(decodeURIComponent(a));

document.getElementById("str").innerText=b;

}

// 以下是jquery代码

// $(function(){

// var c=$("#str").text();

// var d=(decodeURIComponent(c));

// $("#str").text(d);

// });

提交过来的数据页面

账号:

姓名:

function UrlSearch(){

var name,value;

var str=location.href;

var num=str.indexOf("?");

str=str.substr(num+1);

var arr=str.split("&");

for(var i=0;i

num=arr[i].indexOf("=");

if(num>0){

name=arr[i].substring(0,num);

value=arr[i].substr(num+1);

this[name]=value;

}

}

}

var Request=new UrlSearch();

document.getElementById("code").innerHTML=Request.code;

document.getElementById("str").innerHTML=Request.str;

运行后:

2ad86dc840adc01d48bdc10c01fbd913.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue表单可以通过Vue的模板语法和指令来定义,而HTML则是一种标记语言,两者的语法和结构差别较大,不能简单地将Vue表单转换成HTML。 不过,可以使用Vue的渲染函数来将Vue表单渲染成HTML。渲染函数是一种编程式的渲染方式,可以使用JavaScript来生成DOM元素。需要注意的是,使用渲染函数需要熟悉Vue的API和JavaScript语法。 下面是一个简单的例子,将一个包含表单元素的Vue组件渲染成HTML: ``` <template> <form> <label for="name">Name:</label> <input type="text" id="name" v-model="name"> <label for="email">Email:</label> <input type="email" id="email" v-model="email"> <button @click.prevent="submitForm">Submit</button> </form> </template> <script> export default { data() { return { name: '', email: '' } }, methods: { submitForm() { // submit form logic } }, render(h) { return h('form', [ h('label', { attrs: { for: 'name' } }, 'Name:'), h('input', { attrs: { type: 'text', id: 'name' }, domProps: { value: this.name }, on: { input: event => this.name = event.target.value } }), h('label', { attrs: { for: 'email' } }, 'Email:'), h('input', { attrs: { type: 'email', id: 'email' }, domProps: { value: this.email }, on: { input: event => this.email = event.target.value } }), h('button', { on: { click: this.submitForm } }, 'Submit') ]) } } </script> ``` 在上述代码中,使用了Vue的渲染函数`h`来创建HTML元素。`h`函数接收三个参数:元素的标签名、元素的属性和子元素。其中,属性和子元素都是可选的。在这个例子中,使用了`attrs`属性来设置元素的属性,使用`domProps`属性来设置元素的值,使用`on`属性来绑定事件。 需要注意的是,使用渲染函数需要手动管理组件的状态,并且不能使用Vue的模板语法和指令。因此,只有在某些特殊情况下才需要使用渲染函数来渲染Vue表单
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值