标签传值:
第一种;
用超链接的方法传递参数;当点击超链接的时候,首先会跳转到localhost:21811/Handlerl.ashx页面,然后还会传递id和name两个参数过去;
<a href=”localhost:21811/Handlerl.ashx?id=1&name=’abc’”>超链接传递参数</a>
第二种;
通过js方法传递;用户点击了这个button按钮,触发onclick事件,执行go()方法,跳转到localhost:21811/Handlerl.ashx页面,同时传递了id和name两个参数过去;
<input type=”button” onclick=”go()” value=”通过js方法传递参数” />
第三种:
通过form表单传递;注意action里面的链接不能带参数;
<form action=”Handlerl.ashx” method=”get”>
<input type=”text” name=”id” value=”7” />
<input type=”text” name=”name” value=”abc” />
<input type=”submit” value=”提交” />
</form>
备注:
1. 当input标签类型为type=“submit”类型时,不可以采用点击事件,因为submit类型会优先执行form标签的action路由进行跳转;
2. 论form标签内增加属性onsubmit和提交按钮onclick属性的优先级问题;
onsubmit只能表单上使用,提交表单前会触发,onclick是按钮等控件使用,用来触发点击事件。在提交表单前,一般都会进行数据验证,可以选择在submit按钮上的onclick中验证,也可以在onsubmit中验证。但是onclick会比onsubmit更早的被触发。
Select标签的onchange事件;
onchange事件只有在值改变时才可触发,所以必须在每一次选择时(尤其第一次)保证选择的值是改变的,连续选相同一项时,不触发onchange事件。
数据传输方法:
1.a标签超链接;
2.通过js传递;
3.通过form表单传递(action的链接种不能带有参数);
数据处理方法:
1.用Js将callback赋值给inner HTML;如果是多个数据的话,用for循环输出到html页面;
2.Vue中用Axios传递参数并接收;在Axios中使用this.data接收返回的数据,然后在html页面使用data输出;如果是多个数据的话,用v-for循环输出到html页面;
数据传输流程:
在允许跨域的情况下,在前端使用Ajax或者Axios(方法还有很多)去向后台发送参数;然后后台根据你发送过来的参数会返回给你相应的数据。就类似Axios传值的方法,可以使用this.data=data,this.data就是后台返回的数据所赋的值,将它(this.data)放到script标签中的data中,然后就可以在html页面使用了。