HTML5第8次课堂笔记（ 模拟form表单提交数据，xml的解析，jQuery的Ajax方法使用， mui的ajax）

最新推荐文章于 2021-06-19 01:31:33 发布
最新推荐文章于 2021-06-19 01:31:33 发布
阅读量5.5k 收藏 4
点赞数
分类专栏： Web前端 HTML5培训笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013267266/article/details/51212181
版权
这篇笔记详细介绍了HTML5中如何模拟form表单进行GET和POST方式的数据提交，以及XMLHttpRequest对象处理XML数据的方法。同时，还探讨了jQuery的Ajax方法和mui框架的Ajax使用。
摘要由CSDN通过智能技术生成

HTML5第8次课堂笔记

 

1.  模拟form表单提交数据：（get方式）

  <body>

  <formmethod="get"action="DataTest7">

  <inputtype="text"name="uname"value="yang"id="myname"><br/>

  <inputtype="password"name="upass"value="123"id="mypass"><br/>

  <inputtype="submit"value="login"><br/>

  </form>

  <script>

  var oName=document.getElementById("myname").value;

   var oPass=document.getElementById("mypass").value;

  var xml=newXMLHttpRequest();

           //创建请求

           xml.open("GET","DataTest7?uname="+oName+"&upass="+oPass,true);

           xml.onreadystatechange=function()

           {

              if(xml.readyState==4)//响应回来,并不代表一定成功

              {

                  if(xml.status==200)

最低0.47元/天 解锁文章
tianshizhimeng155
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Ajax模仿form表单提交 以及jquery的param()方法
yesicatt的博客
07-19 3464
最近项目遇到一个表单参数传递问题： 后台resful接口定义参数接受类型是restEasy的@FormParams  而页面是直接ajax调用接口，没遇到过这种情况，需要接口接收到自己组装的参数体 查了下找到如下解决办法： $http({ method : 'POST', url : '/role/ed
form提交xml文件
weixin_30706691的博客
05-31 529
--为何ajax提交不了xml?--原因：Request.Form["Data"]这种获取参数方式，原本就不是mvc路由参数获取方式，这是Asp.net中webfrom页面获取参数的方式，只是MVC后起之秀，延用了而已。所以，你在ActionResult中加特性[ValidateInput(false)]，其实是没起到作用。 --解决方案1：获取方式不变，ajax提交前对xml字符串编码enco...
把HTML表单提交的数据转化成XML文件的补充
java2000.net
02-08 240
把HTML表单提交的数据转化成XML文件的补充 由于图形没有上传上去，因此在这里补上代码如下： 您看到的效果应该如下： &lt;?xml version="1.0" encoding="gb2312" ?&gt;   &lt;通讯录&gt;  &lt;field id="姓名" taborder="1"&gt;  &lt;field_value&gt;孟宪会&amp
JavaWeb学习笔记05-表单提交方式以及xml
jstough的博客
11-12 1987
1、表单提交方式 * 使用submit提交 ...... * 使用button提交表单 - 代码 // 实现提交方法 function form1(){ //获取form var form1 = document.getElementById("form1"); //设置action form1.action = "hello.html"; //提交form表
html 表单 xml,将form内容转换成XML格式
weixin_35045900的博客
06-19 318
将form内容转换成XML格式写的仓促，请各位提出修改意见。谢谢！/*函数名： strfrmtoxml作用： 　将Form数据转换成XML形式，用于XMLHTTP传输调用方式： var strxml=strfrmtoxml(FromName)*/function strfrmtoxml(objform){var strxml=‘‘;var oroot=objform.name;strxml+=""...
基于$.ajax()方法从服务器获取json数据的几种方式总结
11-27
jQuery的`$.ajax()`方法是进行异步数据请求的核心，其中`dataType`属性用于指定期望服务器返回的数据类型。常见的取值有： 1. `xml`: 返回XML文档，jQuery可以进一步处理。 2. `html`: 返回HTML文本，其中的script...
移动HTML5前端框架—MUI的使用
09-27
【MUI框架详解】 MUI是一款专为移动HTML5开发设计的前端框架，它致力于提供接近原生应用体验的UI效果。MUI以其简洁、高效、易用的特点，深受开发者喜爱，尤其适合构建跨平台的移动应用。MUI的设计灵感来源于iOS平台...
基于MUI框架使用HTML5实现的二维码扫描功能
09-27
在本文中，我们将深入探讨如何基于MUI框架和HTML5实现二维码扫描功能。MUI是一个轻量级的前端框架，适用于移动应用开发，它提供了丰富的组件和API，可以帮助开发者快速构建用户界面。HTML5则引入了诸多新特性，如...
基于html5-mui框架进行页面美化，适合开发html5app时直接使用.zip
最新发布
02-14
html5开发
php form提交到xml,window_ASP教程:表单内容提交到XML文件中，　　通常，在asp中进行的form表 - phpStudy...
weixin_39841825的博客
03-28 70
通常，在asp中进行的form表单提交的数据都被写进数据库中，如果你想要你的数据是便于迁移的数据，你可以把它写进一个XML文件中。这种方法是跨平台的，你所收集的信息不需要进行转换就可以转移到其他平台进行使用。为了实现上面的想法，你必须先利用 Microsoft.XMLDOM 建立一个XML文件，Microsoft.XMLDOM 对象有一个扩展对象库，它可以创建组成XML文件所需要的元素、属性、属性...
Java 中 Form表单数据的两种提交方式
09-01
本文给大家分享java中form表单数据的两种提交方式，分别是get从制定的服务器中获取数据，pos方式提交数据给指定的服务器处理，本文给大家介绍的非常详细，需要的朋友参考下吧
Javascript实现ajax提交form表单到xml文件（Javaweb）
Mr_Dave的博客
01-16 962
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServer
jquery.form.js实现将form提交转为ajax方式提交的方法
橙-极纪元-cplvfx-JJY.Cheng
05-25 1680
http://www.jb51.net/article/63628.htm本文实例讲述了jquery.form.js实现将form提交转为ajax方式提交的方法。分享给大家供大家参考。具体分析如下：这个框架集合form提交、验证、上传的功能。 这个框架必须和jquery完整版结合，否则使用min则无效。 原理：利用js进行对form进行组装成ajax的url和data，原理还是用ajax来提交，其...
AJAX模拟Form表单上传
successLadder的博客
09-14 1326
//当前端上传图片的时候，需要传递给后端的是一个file对象，而不是一个路径 //而files就是包含了图片的所有设置，包括大小、类型、内容等等 var xxx = this.container.find("#xxx")[0].files ; //将jquery转换成dom 在dom方法中，file提交时有一个files属性 //所有的提交图片或文件都会增加1个length //1、创建Form...
Jquery绑定事件，模拟form表单提交
bin_zi_123的专栏
08-02 2578
//Jquery对象绑定事件： $("#clean").bind('click',function(){ //代码区 }); //取消按钮绑定的时间： $("#save").attr("onclick","javascript:void(0)"); //Jquery对象禁用： $("#save").attr("disabled",true); //取消禁用： $(&q
form表单提交和ajax表单提交
justlpf的专栏
07-27 925
原文地址: https://blog.csdn.net/qq_28877125/article/details/75907422 参考博客：http://www.cnblogs.com/bubbleStar/p/6060415.html  参考博客：http://blog.csdn.net/u011458469/article/details/48134581  参考博客：https://bl...
html模拟网页提交数据,ajax模拟form表单提交
weixin_30609645的博客
06-04 460
AJAX表单提交以及数据接收我现在想实现这样一个效果 chat.html中有一个表单chat,按下提交按钮后chajax是一种传输方式，数据不是提交给ajax，而是 数据 由 ajax提交到后台(并不刷新页面) 要实现一个简单的ajax请CSS布局HTML小编今天和大家分享，要这3样东西，一个html页，一段js代码，一个可以响应请CSS布局HTML小编今天和大家分享的后台 这里使用了jquery...
Html5+Mui前端框架,开发记录（二）：提交不了数据？
weixin_30390075的博客
04-22 82
1.Mui 请求Webapi接口，返回所需要的数据（get，post） mui.ajax({ url: getAddress() + '/api/Qiliu/get?jsoncallback=?', data: {}, async: false, dataType: 'json', cr...
form表单提交的几种方式
gyq04551的博客
07-14 2410
form id="myform" name="myform" method="post" onsubmit="return sumbitTest();"          action="RegisterAction.action">       table>           tr>               td>姓名:td>               td> input ty
mui ajax表单提交
08-05
总结起来，使用Mui框架进行Ajax表单提交的步骤包括：监听表单的提交事件，阻止表单的默认提交行为，快速获取表单中的数据，并通过mui.ajax()方法将表单数据提交给服务器。希望这个回答能够帮到您。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值