Angularjs中$http.post返回的网页怎么获取某个元素的内容

使用angular的$http方法发送请求,得到的返回结果是一个html网页,需要解析网页获取其中一个input元素的值,请问angularjs中怎么做?
jquery是这样的:alert($(data).find("input[name='state']").val());

下面是我的代码
$http({
                method: 'POST',
                url: 'RequestURL',

                // set the headers so angular passing info as form data (not request payload)
                headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, 
                transformRequest: function (obj) {
                    var str = [];
                    for (var p in obj)
                        str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));
                    return str.join("&");
                },
                data: $scope.formData  // pass in data as strings
            }).success(function (data, status, headers, config) {
                alert(返回的data是一个网页,我要解析它获取其中一个元素的值)
            }).error(function (data, status, headers, config) {
                alert("error");
            });

 

0
intex
kowenzh 使用了原生dom解决的 var objE = document.createElement("div"); objE.innerHTML = data; var result = objE.childNodes[15].childNodes[5].value;
接近 5 年之前 回复

1个回答

为啥ajax请求返回的内容会是一个html页面?
若是实在要这么搞,就不是angularJS的事了,搜一下 “html字符串转为dom”吧

0
intex
kowenzh 因为我是请求别人服务器的服务啊
接近 5 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
AngularJS 使用$http服务POST提交数据
        笔者使用AngularJS的版本是1.6.0版本,下面的代码可能不太通用,仅供参考。         AngularJS中调用ajax会使用到$http服务,使用$http服务发起POST请求的简单例子。 $http({ method:'post', url:'${ctx}/province/handler/get', data:{id:'${p...
java抓取网页指定元素/内容
一、利用jsoup抓取网页,并获得指定dom元素 二、利用HttpURLConnection获取ajax返回json数据
angular js 获取事件对象
<div ng-mousedown="makeTop($event)"></div> <script> ... $scope.makeTop=function (e,obj){ if( e.button==2 ){ alert('想复制,不可能'); return false; } con
AngularJs获取数组的元素例子
身为菜鸟的自我修养,能学一点是一点,能发一点是一点,啦啦啦~~~         获取数组的元素例子                 var app=angular.module("lesson",[]);         app.controller("oneCtrl",function($scope){         });         
AngularJS中遇到的获取json数组中某个对象的属性
[ { "resourceid":1, "resourcetitle": "HeadName", "uid": "admin", "resourcepubdate": "2013-09-09 15:05" , "resourcefinalrejection": "未通过", "resourcestate": 2 },{ "resourceid":2, "resourcetit
AngularJs中$http发送post或者get请求,SpringMVC后台接收不到参数值的解决办法
1.问题原因 默认情况下,jQuery传输数据使用Content-Type: x-www-form-urlencodedand和类似于"name=zhangsan&age=18"的序列,然而AngularJS,传输数据使用Content-Type: application/json和{ "name": "zhangsan", "age": "18" }这样的json序列。 2.解决办法
AngularJS中的$http、$q服务和promise对象的联系
一、介绍:$http服务是AngularJS系统自带的,可以用来进行网络通信、获取远程服务器的数据。要记住的是,$http是对浏览器XMLHttpRequest的封装,也就是说,它其实是Ajax。首先为了用$http发起请求,我们得先找到一个可以测试的API,这里我用:https://randomuser.me/api/来测试:用get请求,它能够返回json格式的一个随机用户的资料。具体的介绍就不
angularJs中添加过滤器显示Html代码
我们测试后发现高亮显示的html代码原样输出,这是angularJS为了防止html攻击采取的安全机制。我们如何在页面上显示html的结果呢?我们会用到$sce服务的trustAsHtml方法来实现转换。 因为这个功能具有一定通用性,我们可以通过angularJS的过滤器来简化开发,这样只写一次,调用的时候就非常方便了,看代码: 修改base.js // 定义模块: var ...
在学习angularJS过程中关于使用$http请求与后台交互的问题
Html代码(注意引入了angularJS):&amp;lt;!DOCTYPE&amp;gt;&amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;title&amp;gt;$http请求测试&amp;lt;/title&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;script src=&quot;../javascript/angular.js&quot; type=&qu
解决angularjs中同步执行http请求
self.tableParams = new NgTableParams({}, { getData: function (params) { $http.post("rest/staff/page", $scope.req).success(function (data) { if (data != null && data != undefine
关于angularjs中$http POST请求参数的问题
关于angularjs中$http POST请求参数的问题
用$http的方法请求json数据(angularjs)附加时间间隔和时间等待
用$http的方法请求json数据,下面一共写了俩种方法 其实都一样只是 , 一个有输入框进行查询如下: 第一个: 首先上图: 没有输入框的 html> html lang="en" ng-app="myApp"> head> meta charset="UTF-8"> ti
AngularJS下$http服务Post方法传递json参数
如何使用Angularjs $http服务以POST方法向服务器传递json对象数据。
angularjs $http 的post方法发送前准备返回404 解决方案
思路是: 拒绝发送前准备 app.config(function ($httpProvider) { $httpProvider.defaults.headers.common = {}; $httpProvider.defaults.headers.post = {}; $httpProvider.defaults.headers.put = {}; $httpProvider.d
angularjs中post请求进行跨域
post请求进行跨域 angularjs内置封装了类ajax的网络服务$http,所以实现了依赖外部插件来完成完整的前后端分离方案 $scope.main = {     getData: function () {         $http({             method: 'POST',             url: 'http://localhost:8000',  
AngularJs中$http发送post请求,SpringMVC后台接收不到参数值的 后台注解解决解决办法
导致这个问题的原因:使用AngularJS的$http进行POST请求,默认的Content-type为application/json; charset=UTF-8为了让SpringMVC的Controller能够接收到数据,进行POST请求时的Content-type应修改为application/x-www-form-urlencoded; charset=UTF-8既默认情况下,jQuer...
AngularJS进阶(三十一)AngularJS项目开发技巧之获取模态对话框中的组件ID
AngularJS项目开发技巧之获取模态对话框中的组件ID 需求       出于项目开发需求,需要实现的业务逻辑是:药店端点击查看“已发货”“已收货”订单详情时,模块弹出框中只应出现“取消”按钮。但现实的情况如下图所示。   模态框核心代码如下: script type="text/ng-template" id="billDtlContent.html">
angularJs获取点击的元素
这个代码我用的是菜鸟教程中的代码案例 要求获取button中的class属性 隐藏/显示 名: 姓: 姓名: {{person.firstName + " " + person.lastName}} $event)" class="bbb">饿了了 var app = angular.mo
angularjs中$http POST中文参数乱码
$http({                method: "POST",                url: "",                data: id,                headers: { 'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' },                tr
python web页面元素提取案例
内容:提取国家地理中文网的图片链接(网站源码保存为HTML文档) 本案例可以分成以下步骤: 1.读取保存在本地的HTML文档 2.解析并提取其中的图片链接 3.输出提取结果到屏幕 4.保存提取结果为文件 采用自顶而下的的设计思路。 以下是国家地理中文网的网页源码一角 def getHTMLlines(htmlpath): f=open(htmlpath,&quot;r&quot;,encodin...
获取网页指定元素和内容
一、利用jsoup抓取网页,并获得指定dom元素 jsoup jar  下载地址 https://jsoup.org/download     try { Document doc = null; doc = Jsoup.connect(&quot;http://www.163.com/xxx.html&quot;).get();   // dom解析获得指定元素 ...
动态获取html页面的内容,并且取其中的某块元素的方法
$.ajax({  url: "http://192.168.1.59:8888/app-tpl-webapp/tpl/design.html",  async:false,  type:'post',  dataType:'html',  success:function(data) {      console.log("----------------------------------
angular-按需加载angularjs和$http.post的二三事
前面的24个章节都是关于yii2框架的理解以及应用,本来是向按照一个一个章节系列写下去的,每个分类都能够比较集中,清晰。但是在项目中又会用到其他的知识,只能够按照平时积累写下去咯,可能会有些乱! 最近前端比较火的框架,可数facebook的react了,一个专门针对移动端开发的前端高性能框架。当然google的angularjs也是一个很火的前端框架,在SPA应用上算是非常出色的。具体的基础
关于AngularJs中$http post、get 发送和接受参数详解
1、POST、GET携带参数的写法不一样,如下: ? 1 2 3 4 5 6 7 $http({method: 'post', url: './feedback/mail',    data:{content:content,mailOrqq:mailOrqq,type:'chat-page-fee
打印当前页面指定元素中的内容
一.打印当前页面指定元素中的内容 方式一:直接使用window.print(); (1)首先获得元素的html内容(这里建议如果有样式最好是用内联样式的方式)   var newstr = document.getElementById(myDiv).innerHTML;//得到需要打印的元素HTML (2)保存当前页面的整个html,因为window.print()打印操
angularjs的http请求后台收不到数据
这问题其实很简单。 以PHP为例: angularjs的http请求默认请求下发送的是josn数据,所以PHP直接用$_POST请求是接收不到数据的,如下图: 后台返回数据为空: 我们要做的事情,就是把json数据,变成表单形式的数据,这样PHP可以直接通过$_POST进行取值,也就是我们平时用jquery的ajax发送请求时的数据格式,如下图:
Activity获取HTML页面中的值
HTml文件:       //给函数一个返回值    function val(){     var vname=document.getElementById("uname").value; //获取文本框中的值 var vpwd=document.getElementById("upwd").value; //获取密码文本框中的值===>赋值给变量vpwd if(
nodejs提取网页内容
今天,在公司想用nodejs提取一下http://msdn.microsoft.com/zh-CN/library/windows/desktop/hh802935(v=vs.85).aspx 里面的API函数列表,做一个帮助文档。 谁知道,公司电脑上安装的是vs2005,在安装jsdom进行编译的时候一直报错,node-jquery也是一样。 晚上,回来了在自己电脑上又试了一遍,笔记本上装的
jquery/angularjs根据元素值删除数组中的元素
在angularjs中使用$scope.array.splice($.inArray(id, $scope.array), 1);来删除元素,把id替换为元素值,把array替换为自己定义的数组,1代表删除个数$scope.array.pop();移除数组的最后一个元素并返回该元素$scope.array.shift(); //移除数组开始的一个元素病返回该元素,数组中其他元素自动前移在jquer...
angularJs如何获取input焦点
angularjs文档只会告诉你用自定义指令获取焦点,如代码: var app = angular.module('myApp',[]); app.directive('setFocus', function(){ return function(scope, ele
AngularJS中获取点击元素在页面中的位置
html页的代码: JS代码: $scope.toggle = function($event){ // 获取到当前点击元素在页面中的坐标 var off = $($event.target).offset(); console.log(off.top); console.log(off.left); }
Java中如何利用Selenium获取元素分析网页内容
摘要:自动化截图是在全球化测试中实现自动化测试的重要一步。学会多种截图方法,可以使测试人员在不同的场景下灵活运用,大大的提高工作效率。 本文首先探讨了编写 Selenium 脚本时的两种最简单、常用的截图方法,接着重点介绍了在难以利用普通截图方法获取到截图时,如何利用 Selenium 获取到的元素分析网页内容,进而绘制出所需要的图像的方法。 翻译验证测试 (Translation Verif
Delphi - TChromium 实现只显示网页的某一个DIV的内容
因为工作需要,一直在使用TChromium插件展示网页内容。今天遇到一个需求:只展示某个网页(商品购买详情页面)中的商品详情。因为TChromium具有良好的js脚本支持,当时也觉得一定可以实现这个功能。 先看看网页端的源码,我需要只展示 div class = “w1000” 的内容。 我的思路是先遍历网页中所有的div元素,设置其他元素不可见,只留下我需要的div就可以了(包括展示它的...
angularJS-实现内容添加或移除
angularJS-实现内容添加或移除 *{padding: 0;margin: 0;} ol,ul{list-style: none;} body{background-color: #414246;} .box{width: 500px;height: 300px;border: 1px solid #000000;margin: 100px auto;ba
记录一下解析URL地址获取HTML页面中想要的元素
1.项目中需要调用第三方的cms系统,获取发布的内容,但是数据库中存的是发布好的内容链接。手机端要显示相应的内容,该如何操作呢?使用第三方插件Jsoup。jar包或者maven依赖,参见官网https://jsoup.org/downloadDocument doc1= Jsoup.parse(new URL(new_url), 10000); //获取新闻内容(获取指定id的内容,过滤掉js、c...
Java爬虫获取某个页面中指定节点的内容
Java爬虫获取某个页面中指定节点的内容
AngularJS进阶(十)AngularJS改变元素显示状态
AngularJS改变元素显示状态 前言 本文描述使用AngularJS提供的ng-show和ng-hide指令实现自动监听某布尔型变量来改变元素显示状态。 控制html元素显示和隐藏有n种方法:html的hidden、css的display、jquery的hide()和show()、bootstrap的.hide。今天的重点不是显示和隐藏,而是监听某个布尔变量值,自动改变元素显示和隐藏状态
解决angular的$http.post()提交数据时后台接收不到参数值问题的方法
写此文的背景:在学习使用angular的$http.post()提交数据时,后台接收不到参数值,于是查阅了相关资料,寻找解决办法。 写此文的目的:通过上面提到的文章中的解决之道,结合自己的经验,总结了如下发现。 前端:html,jquery,angular 后端:java,springmvc 一、平常使用的post提交和接收方式 前端使用jquery提交数据。 ?
angularjs数组判断是否含有某个元素
也就是in_array函数,判断数组中是否含有某个元素。 Array.prototype.in_array = function(e) { for(i=0;i<this.length;i++) { if(this[i] == e) return true; } ret
python获取页面元素的内容及长度
获取option的值和文本 麦当劳 肯德基 必胜客 汉堡王 您输入的用户名或密码有误。 javascript var oSelect=document.getElementByIdx_x_x("ss"); oSelect.onchange=function(){               
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 视频网页怎么制作 网页课程表怎么制作