首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何检查从服务器收到的响应是html还是json,并在extjs中按名称查找html表单?

要检查从服务器收到的响应是HTML还是JSON,可以通过查看响应的Content-Type头部字段来判断。如果Content-Type是"text/html",则表示响应是HTML格式;如果Content-Type是"application/json",则表示响应是JSON格式。

在ExtJS中按名称查找HTML表单,可以使用Ext.ComponentQuery.query方法结合选择器来实现。首先,需要给HTML表单元素添加一个唯一的名称或者CSS类名,然后使用Ext.ComponentQuery.query方法根据名称或者CSS类名来查找对应的表单元素。

以下是一个示例代码:

代码语言:txt
复制
// 检查响应类型
var contentType = response.headers.get('Content-Type');
if (contentType.includes('text/html')) {
  // 响应是HTML格式
} else if (contentType.includes('application/json')) {
  // 响应是JSON格式
}

// 在ExtJS中按名称查找HTML表单
var form = Ext.ComponentQuery.query('form[name="myForm"]')[0];
// 或者使用CSS类名
// var form = Ext.ComponentQuery.query('form.myFormClass')[0];

// 根据表单名称查找表单字段
var field = form.down('textfield[name="myField"]');

请注意,上述代码中的"myForm"和"myField"是示例名称,需要根据实际情况进行替换。

关于腾讯云相关产品和产品介绍链接地址,由于要求不能提及具体品牌商,建议您访问腾讯云官方网站或者进行在线搜索,以获取相关产品和介绍信息。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Ext JS 教程-MVC架构 原

在最后你将会指导如何使用心得ExtJS 4 应用程序架构将简单的应用程序组织到一起。 应用程序架构提供了架构和一致性的意义和提供了实际的类和框架代码一样重要。...引用程序使用 ExtJS 4 的新的动态加载系统去自动的把这个文件从服务器推出来。下面是现在当我们刷新页面时所看到的: ?...然后我们再一次让ComponentQuery去快速得到编辑窗口中表单的引用。ExtJS 4中的每一个组件都有一个down方法,它接受一个ComponentQuery选择器去快速寻找任何子组件。...在这个方法中,我们需要从表单中获取数据,更新我们的User,然后保存到我们在上面创建的Users存储中。...代理(Proxies)是ExtJS 4 中从存储和模型中加载和保存数据的方法。其中有AJAX,JSON-P和HTML5本地存储代理。

3.3K10
  • ExtJs二(实现登录)

    如果想要在脚本中使用ExtJS的提示信息,可将书附带的资源包中的Ext.js文件复制到ExtJS目录中,复制后,在解决方案资源管理器将Ext.js拖到到login.js文件中,就会生成以下代码:  //...title: 'ExtJs Mvc登录窗口', width: 400, height: 400 }); 3.要考虑窗口应该包含那些配置项了,窗口应是模态的,不能关闭,不能调整大小...注意create方法中的对象名称,笔者并没有使用字符串,这样就可以直接使用对象,而不需要再去转换表中找对象,可以提高速度。...第二句表示将表单面板向内压缩5像素,这样表单内的组件就不会和窗口的内边框粘在一起,这个可根据个人喜好设置。第三句的作用就是让表单面板的背景颜色和窗口融合在一起,而不是默认的白色,这还是个人喜好问题。...代码中,element配置项中的el就表示要在对象生成的HTML元素中绑定事件,绑定事件为click事件,事件将调用onRefrehImage方法。

    2.1K10

    ExtJs二(实现登录)

    如果想要在脚本中使用ExtJS的提示信息,可将书附带的资源包中的Ext.js文件复制到ExtJS目录中,复制后,在解决方案资源管理器将Ext.js拖到到login.js文件中,就会生成以下代码:  //...title: 'ExtJs Mvc登录窗口', width: 400, height: 400 }); 3.要考虑窗口应该包含那些配置项了,窗口应是模态的,不能关闭,不能调整大小...注意create方法中的对象名称,笔者并没有使用字符串,这样就可以直接使用对象,而不需要再去转换表中找对象,可以提高速度。...第二句表示将表单面板向内压缩5像素,这样表单内的组件就不会和窗口的内边框粘在一起,这个可根据个人喜好设置。第三句的作用就是让表单面板的背景颜色和窗口融合在一起,而不是默认的白色,这还是个人喜好问题。...代码中,element配置项中的el就表示要在对象生成的HTML元素中绑定事件,绑定事件为click事件,事件将调用onRefrehImage方法。

    1.9K20

    Ext基础

    最初,Ext JS基于YUI技术,从UI界面中 CSS样式的应用到数据解析中的异常处理,它都是一款不可多得的 JavaScript客户端技术精品。...该框架参考 Java Swing等机制组织可视化组件,从UI界面中 CSS样式的应用到数据解析中的异常处理,它都是一款不可多得的 JavaScript客户端技术精品。...图2.1.7 Ext 的 Panel 的构造函数 1.1.5 Ext事件 ExtJS提供了一套强大的事件处理机制,用于响应用户的动作、监控控件状态变化、更新控件视图信息、与服务器进行交互等。...支持按列排序​ 在JSP 中,实现排序比较复杂;而在Ext中,只要添加 sortable的属性,就可以方便地进行排序。...与服务器进行交互 2. Ext JS组件分类不包括( ) A. 基本组件 B. 工具栏组件 C. 菜单组件 D. 表单及元素组件 3.

    15210

    Python爬虫http基本原理

    例如,我们在 Chrome 浏览器里面打开任意一个页面,如淘宝首页,右击任一地方并选择 “检查” 项(或者直接按快捷键 F12),即可打开浏览器的开发者工具,这时在 Elements 选项卡即可看到当前网页的源代码...第一列 Name:请求的名称,一般会将 URL 的最后一部分内容当作名称。 第二列 Status:响应的状态码,这里显示为 200,代表响应是正常的。...PUT 从客户端向服务器传送的数据取代指定文档中的内容 DELETE 请求服务器删除指定的页面 CONNECT 把服务器当作跳板,让服务器代替客户端访问其他网页 OPTIONS 允许客户端查看服务器的性能...例如,text/html 代表 HTML 格式,image/gif 代表 GIF 图片,application/json 代表 JSON 类型,更多对应关系可以查看此对照表:HTTP Content-type.../form-data 表单文件上传 application/json 序列化 JSON 数据 text/xml XML 数据 在爬虫中,如果要构造 POST 请求,需要使用正确的 Content-Type

    16410

    【大牛经验】Java开源JSP标签库(32款)

    em, 获取一个EntityManager tx, 事务定界 persist, 通过当前EntityManager来把对象持久化 remove, 从数据存储中移除去对象 find, 通过一个给定的主关键字来查找对象...23 FormView FormView标签能够根据状态(新增,查看,修改,删除操作)和表单的属性(最大长度,是不是Date或是否必填等)来控制Form中的表单到底是要修饰成READ-ONLY或还是READ-WRITE...JSControlsTags利用JSON来在服务器与客户端之间传递信息。 28 pack:tag pack:tag是一个用于压缩静态资源的JSP标签库。...31 JSON-taglib JSON-taglib是一套JSP标签库用于在JSP代码中输出JSON格式的数据。...包括表单系列、数据处理系列、菜单系列、EL工具系列、辅助工具系列等五大系列标签,解决了从数据录入到数据处理再到数据展现等一系列的研发问题,因此采用Noka tag可以平时的研发周期缩短60%以上,让开发人员真正的从逻辑算法当中解脱出来

    2.1K50

    教师监考系统开发记录

    表中查找对应的考试信息,将两个表中的查询结果合并起来(SQL语句实现),并将查询结果使用对应数据结构保存起来(在纯后端中使用的是对应的对象,在前后端交互中是JSON序列化后的string),并返回给调用函数的代码段...按条件查找考试信息 给出考试信息各元素的输入框,要根据哪几个信息查询,就在对应的框中输入信息。...按条件查找监考信息 按条件查找安排了监考的考试信息 教师信息管理,逻辑同上 增加教师信息 删除教师信息 更改教师信息 查看全部教师信息 按条件查找教师信息 2.代码移植云服务器,并搭建相应环境 环境搭建...表格table的动态生成: 每次在后端获取到JSON类型的数据库查询结果后,相应的表格都需要动态刷新(本质是清空原表单、动态生成新表单)。借助JS功能实现。详细请见源码。...", "Teacher_del_rfFrame"); 在JS中,需要进行表单提交操作的函数中,加入上述代码,控制器中的id更换成对应表单的id,attr中第二个参数更改为之前html中添加的iframe

    22710

    初识Ext.NET

    至少带智能提示的xml配置怎么也要比写js要顺手方便多了。而且其还是免费开源的。不过在使用过程中,也没有那么顺畅。 1)TextField的LabelStyle属性无效。...} 如果监控ExtJS生成的html,就会发现,表单字段都会用到这个样式。...3)动态向CheckboxGroup和RadioGroup添加子项时,无法获取到值的问题。这个还是ExtJS的Bug。也许其只支持用SetValues的形式添加吧。...不过值得注意的是,在给ExtJS表单控件赋值时,不要使用属性(text、value)赋值,这样只会将值写入到html控件里面,而ExtJS提交数据时不会提交,而应该采用其setValue方法。.../projects/json-net.aspx(JSON.NET) http://www.jsonlint.com/(JSON格式验证,感觉方便将JSON格式化,这对于查看或检查JSON数据、ExtJS

    1.6K60

    浏览器是如何将标签转成 DOM ?

    编码 HTTP 响应主体的有效负载可以是从HTML文本到图像数据的任何内容。解析器的第一项工作是找出如何转制刚刚从服务器接收到的 bit。...预解析器不是完整的解析器,如,它不理解 HTML 中的嵌套级别或父/子关系。但是,预解析可以识别特定的 HTML 标签的名称和属性,以及 URL。...还可以取消一些事件,例如,如果表单没有正确填写,则可以停止表单提交。(提交事件是从 元素触发的,JavaScript 侦听器可以检查表单,如果字段为空或无效,还可以选择取消事件。)...些通用特性包括: 访问代表元素子元素的全部或子集的 HTML 集合 能够查找元素的属性、子元素和父元素 重要的是,创建新元素的方法(不使用解析器),并将它们附加到树中(或将它们从树中分离出来) 对于像... 这样的特殊元素,该接口包含用于查找表中所有行,列和单元格的其他特定于表的功能,以及用于从表中删除和添加行和单元格的快捷方式。

    1.9K10

    浏览器将标签转成 DOM 的过程

    解析器的第一项工作是找出如何转制刚刚从服务器接收到的 bit。 假设我们正在处理一个HTML文档,解码器必须弄清楚文本文档是如何被转换成比特(bit)的,以便反转这个过程。 ?...对于文本存在许多可能的编码—浏览器的工作是找出如何正确地解码文本。服务器应该通过 Content-Type 提供的信息同时在文本文件头部使用 Byte Order Mark 告知浏览器编码格式。...还可以取消一些事件,例如,如果表单没有正确填写,则可以停止表单提交。(提交事件是从 元素触发的,JavaScript 侦听器可以检查表单,如果字段为空或无效,还可以选择取消事件。)...些通用特性包括: 访问代表元素子元素的全部或子集的 HTML 集合 能够查找元素的属性、子元素和父元素 重要的是,创建新元素的方法(不使用解析器),并将它们附加到树中(或将它们从树中分离出来) 对于像... 这样的特殊元素,该接口包含用于查找表中所有行,列和单元格的其他特定于表的功能,以及用于从表中删除和添加行和单元格的快捷方式。

    2.1K00

    Ext常用组件

    表单是客户端和服务器交互的一种重要方式,Ext表单控件在界面体验效果的美观度及功能的全面性上都有着首屈一指的影响力,表面上,表单控件只是添加了一些 CSS样式,但它在数据校验方面非常灵活。...在Ext 中,可以通过表单和对应的输入控件,轻易地校验数据,并在校验失败后给予提示,为用户提供良好的交互体验。 1.2.1 Ext表单 使用表单控件,制作简单的Ext表单。 的按钮,在【提交】按钮上,使用listeners配置项处理事件,值是一个JSON对象,该JSON对象的属性是事件名称,值是事件处理函数。...,其它情况登陆失败,此时响应一个JSON对象“{success:false,msg:'登陆失败,请检查账号和密码'}”,Ext控件就会根据这个对象的success属性的值来确定是成功或者失败。...然后,使用 AsyncTreeNode 初始化根节点,在该节点中指定节点的 loader 为前面定义的 loader。执行程序后点击“根节点”时,会从服务器踹指定 root 节点的子节点信息。

    4600

    跨域请求数据解决方案整理

    跨域请求数据解决方案主要有如下解决方法: JSONP方式 表单POST方式 服务器代理 Html5的XDomainRequest Flash request 分开说明: 一、JSONP: 直观的理解:...5、JSON就是一种纯字符数据格式,且能呗js原生支持。 6、这样解决方案出炉:web客户端通过与调用脚本一模一样的方式,来调用跨域服务器上动态生成的js格式文件(一般以json为后缀)。...具体实现: 不管jQuery也好,extjs也罢,又或者是其他支持jsonp的框架,他们幕后所做的工作都是一样的,下面我来循序渐进的说明一下jsonp在客户端的实现: 1、我们知道,哪怕跨域js文件中的代码...> 这次的代码变化比较大,不再直接把远程js文件写死,而是编码实现动态查询,而这也正是jsonp客户端实现的核心部分,本例中的重点也就在于如何完成jsonp调用的全过程。...我们看到调用的url中传递了一个code参数,告诉服务器我要查的是CA1998次航班的信息,而callback参数则告诉服务器,我的本地回调函数叫做flightHandler,所以请把查询结果传入这个函数中进行调用

    1.2K70

    AJAX基础知识与简单的操作示例

    它可以发送和接收各种格式的信息,包括JSON,XML,HTML和文本文件。AJAX最吸引人的特点是其“异步”特性,这意味着它可以与服务器通信,交换数据和更新页面,而不必刷新页面。...AJAX的两个主要功能使您可以执行以下操作: 向服务器发出请求,而无需重新加载页面 从服务器接收和处理数据 步骤1 –如何发出HTTP请求 为了使用JavaScript向服务器发出HTTP请求,您需要一个具有必要功能的对象实例...首先,该功能需要检查请求的状态。如果状态的值为XMLHttpRequest.DONE(对应于4),则表示已收到完整的服务器响应,可以继续处理它。...,然后单击确定,然后检查文件alert()的内容test.html。...,以从文本框中获取用户数据,并将其makeRequest()与服务器端脚本的URL一起发送至函数: document.getElementById("ajaxButton").onclick = function

    1.5K20

    JSP的原生Ajax与解析Json

    GET请求方式是通过URL参数将数据提交到服务器的,POST则是通过将数据作为send的参数提交到服务器; POST请求中,在发送数据之前,要设置表单提交的内容类型; 提交到服务器的参数必须经过encodeURIComponent...header:规定头的名称,value:规定头的值。...open()方法,未调用send()方法; 服务器连接已建立; 2-发送,已经调用了send()方法,未接收到响应; 请求已接收; 3-接收,已经接收到部分响应数据; 请求处理中; 4-完成,已经接收到全部响应数据...在readystatechange事件中,先判断响应是否接收完成,然后判断服务器是否成功处理请求,xhr.status 是状态码,状态码以2开头的都是成功,304表示从缓存中获取,上面的代码在每次请求的时候都加入了随机数...src 属性只在第一次设置的时候起作用,导致 script 标签没法重用,所以每次完成操作之后要移除; 2、JSONP这种请求方式中,参数依旧需要编码; 3、如果不设置超时,就无法得知此次请求是成功还是失败

    1.5K20

    数据采集技术python网络爬虫_精通Python网络爬虫

    解析内容 得到的内容可能是 HTML,可以用正则表达式、网页解析库进行解析。可能是 Json,可以 直接转为 Json 对象解析,可能是二进制数据,可以做保存或者进一步的处理。...2.1.2 浏览器开发者工具基本使用 ❖ 如何调出开发者工具 按 F12 调出 & 右键检查(或快捷键 Ctrl+Shift+i)调出 图 2.1: 浏览器开发者工具 2.2 浏览器开发者工具面板说明...图 2.11: 浏览器开发者工具 主要用于查看某个资源是如何请求的, 请求头信息,请求体信息,响应体信息等等,下面会具体介绍! 这部分内容相对来说还是很重要的!...html ❖ Initiator: 请求源,用于标记请求是由那个对象或者端口发起的 ❖ Size: 从服务器,下载的文件和请求内容的大小,如果是从缓存中得到的则该列会显示 from cash,...请求会自动判断此域名下是否存在 Cookie 信息,如果存在自动将 Cookie 信息也发送给服务端,服务端会从 Cookie 中获取 SessionID,再根据SessionID 查找对应的 Session

    1.7K20

    前端架构师之01_JQuery

    计数从最后一个元素开始到第一个 :nth-of-type(index/even/odd/公式)) 选择同属于一个父元素之下,并且标签名相同的子元素中的第n个子元素 :first-of-type 选择所有相同的元素名称的第一个子元素...data表示传递的参数。 参数fn表示请求成功时,执行的回调函数。 参数type用于设置服务器返回的数据类型,如XML、JSON、HTML、TEXT等。...选项名称 说明 url 处理Ajax请求的服务器地址 data 发送Ajax请求时传递的参数,字符串类型 success Ajax请求成功时所触发的回调函数 type 发送的HTTP请求方式,如get、...index.php,在Ajax请求成功后,接收index.php返回的JSON格式的数据并在控制台进行输出。...index.php,在Ajax请求成功后,接收index.php返回的JSON格式的数据并在控制台进行输出。

    6800

    Extjs-lesson3

    )默认是 right 介绍几个「方法」: show :窗口显示 hide :窗口隐藏 close :窗口关闭 1.4 学习方法 学习的方法就是通过官方的 API 文档,上篇文章介绍了使用方法,下面再提供一副图片详细介绍每个类的说明如何查看...` Ext.QuickTips.init(); // 创建一个表单面板对象 var movie_form = new Ext.FormPanel({ // 表单提交的地址...,字段与数据一一对应解释为 Extjs 使用的数据 // 参数为 id 列,以及其他各个字段的名称 reader: new Ext.data.ArrayReader({ id:...false, --> 根节点的可见性 // 根节点 root: node }); // 树面板(服务器数据源) // 创建一个新的TreePanel表单对象...,通过 url 寻找服务器返回的 json 数据,并且自动转换成 TreeNode loader: new Ext.tree.TreeLoader({ url: "/App_Ashx

    1.4K20

    JavaScript 编程精解 中文第三版 二十一、项目:技能分享网站

    只要客户端确保其可以持续不断地建立轮询请求,就可以在信息可用之后,从服务器快速地接收到信息。例如,若 Fatma 在浏览器中打开了技能分享程序,浏览器会发送请求询问是否有更新,且等待请求的响应。...它将服务器包装在一个对象中,它也维护它的状态。 作为资源的对话 已提出的对话存储在服务器的talks属性中,这是一个对象,属性名称是对话标题。...获取(GET)单个对话的请求处理器,必须查找对话并使用对话的 JSON 数据作为响应,若不存在则返回 404 错误响应码。...如果我们创建一个SkillShareServer的实例,并在端口 8000 上启动它,那么生成的 HTTP 服务器,将服务于public子目录中的文件,以及/ talksURL 下的一个对话管理界面。...如果响应是普通的 200 响应,它的正文将当做 JSON 而读取并传递给回调函数,并且它的ETag协议头的值为下一次迭代而存储。 应用 以下组件将整个用户界面结合在一起。

    1.2K30
    领券