所有分类
  • 所有分类
  • 后端开发
URL神秘内幕:解密请求编码、get和post,看这里有悬念

URL神秘内幕:解密请求编码、get和post,看这里有悬念

这里我们介绍一下form元素与表单提交方面的知识。在form中加入一个提交按钮,便可使用户得以提交表单。提交事件的处理在form元素的submit事件中,而非提交按钮的click事件。

哈喽,说个好玩儿的话题呗!你们试过猜猜看收到请求时URL的那串神奇字符吗?真的很神秘,别慌,听咱们慢慢给你解释!

咱来聊聊URL呗,它其实就是个网址,用来引导我们找到特定页面。但是要注意,这个URL还有可能会挡住form表单里input或button元素的formaction属性,是不是有点懵逼了呀?

咱们聊聊请求编码呗?就像你传数据给服务器时用的这个东东。别忘了,它还会被表单里的formenctype属性所影响看来得好好查查才行!



说回’get’和’post’这俩词儿。它们就是用来告诉服务器我们是怎样发出请求滴。但是你知道吗?这个值还会被表单中的按钮或输入框设成的’sformmethod’给替换掉!这种操作真神奇呐!

form.addEventListener('submit', function (e) {
  if (valid()) {
    ...
  } 
  e.preventDefault()
})

诶,那咱们再来聊聊这个窗口名到底是干嘛来用的?说白了,就是去告诉服务器,咱想在哪儿搞定这些事儿呗!但是呐,可能很多人还没注意到,其实这玩意儿是能被表单中的input或者button的formtarget属性替换滴!说实话,真是挺有意思的一件事!

if (valid()) {
  form.submit()
}

这不接着说 input 呢!表格里那么常见,用法多着,得看你咋设 type 了~比如,给人家个提示,让他们知道要填啥;或者搞个偷偷摸摸藏着的空位,还能用 JavaScript 来回调,真是太神奇了!

说起那个 button 元素大家要注意下,在IE678这些老版本中,它的默认设置就是 button。为了防止大家遇到问题无法行动,我们还是手动加个 type=”submit” 的属性。就像这样,如果表单里没按钮,用户朋友们只能干着急。别担心,解决方案超简单,只要给表单添加个 submit()方法,轻轻松松搞定!但得提醒下,用提交方法并不能引发 forms 的提交事件,所以检验之类的工作还得提前弄好哈~

告诉你个秘密,表单里藏着很多重要信息的~比如说,网址编码方式甚至是HTTP请求的类型都在里面。再比如那个(发送请求和接受回复的)窗口名字儿,input和button元素的属性你也得注意到。要是搞错这些小细节的话,那数据传输可就会出错!我们做开发的时候可得专注于这些地方。若大家有什么问题或想法,欢迎留言和我交流关注和转发热心帮忙今天咱们主要讨论的就是表单中的那些精髓内容,希望这对大家更深入了解表单有所帮助。学到新知识的话,记得给我点个赞,并分享出去有时间我会在评论区等着和大家互动

function validate_required(field,alerttxt)
{
with (field)
{
if (value==null||value=="")
  {alert(alerttxt);return false}
else {return true}
}
}




function validate_required(field,alerttxt)
{
with (field)
  {
  if (value==null||value=="")
    {alert(alerttxt);return false}
  else {return true}
  }
}
function validate_form(thisform)
{
with (thisform)
  {
  if (validate_required(email,"Email must be filled out!")==false)
    {email.focus();return false}
  }
}




Email: 
 


原文链接:https://www.icz.com/technicalinformation/web/2024/03/11690.html,转载请注明出处~~~
0

评论0

请先
注意:请收藏好网址www.icz.com,防止失联!站内免费资源持续上传中…!赞助我们
显示验证码
没有账号?注册  忘记密码?