数据的传输与处理

标签传值：

第一种；

用超链接的方法传递参数；当点击超链接的时候，首先会跳转到localhost:21811/Handlerl.ashx页面，然后还会传递id和name两个参数过去；

超链接传递参数

第二种；

通过js方法传递；用户点击了这个button按钮，触发onclick事件，执行go()方法，跳转到localhost:21811/Handlerl.ashx页面，同时传递了id和name两个参数过去；

第三种：

通过form表单传递；注意action里面的链接不能带参数；

    

    

    

备注：

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页面使用了。