养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

HBuilder中打开的网页form表单无法跳转页面

时间:2024-09-22 11:32:31

作为正在学习网页设计的同学苴煜塑桠来说,适合用来开发网页的编辑器有许多中,最常用的有HBuilder/SublimeText/Atom/WebSt泠贾高框orm等等。其中作为国产软件的HBuilder用户量也是很多的。在用Hbuilder中的显示网页到浏览器功能时你可能遇到过这样的问题:当点击form表单中的提交按钮后,Hbuilder打开的网页提示内部服务器错误,而当手动在文件夹打开时,提交功能却能正常显示

HBuilder中打开的网页form表单无法跳转页面

工具/原料

Hbuilder

正在学习HTML的小伙伴

方法/步骤

1、当我们用Hbuilder打开含有form表单的本地网页,点击提交之后,你可能会遇到上面那种情况,跳转之后的网页提示服务器错误,而从文件夹中手动打开的网页却没有这个问题,这是为什么呢?

HBuilder中打开的网页form表单无法跳转页面

HBuilder中打开的网页form表单无法跳转页面

HBuilder中打开的网页form表单无法跳转页面

2、答案其实很简单,因为HBuilder打开网页时,会以项目为基准运行一个本地服务器,正如我们在网址中看到的127.0.0.1:8020,然而这个内部服务器只支持get方法,不支持post方法,因此我们只要在代码中把form表单的method="post"换成method="get"就好了,如图:

HBuilder中打开的网页form表单无法跳转页面

3、把method改为get之后,再用Hbuilder就不赦闺尴蚯会提示内部服务器错误啦,如果有其他的错误,请同学们检查一下自己的代码有没有打错吧。另附讲解:post和get是两种常用的HTTP阄唰辔腽请求的方法,使用的效果是完全一样的,区别在于二者存储数据的方式不一样,get方法将url参数显式的放在url后面,形如http://www.example.com?i=1&name=jim,以?开头,用=和&分别存储每一对数据,而通过post方式发送的数据会存储在HTTP请求的Header报头中,url中不可见,因此当数据较多时采用post更简洁,但是两种方式其实是一样的。

© 一点知识