开发设计微信小程序_angularjs $http完成form表单提交示例

  • 栏目:行业动态 时间:2021-01-12 10:39 分享新闻到:
<返回列表

angularjs $http实现form表单提交示例       这篇文章主要介绍了angularjs $http实现form表单提交示例,非常具有实用价值,需要的朋友可以参考下

需求:请求第三方后台接口返回一段html字符串如下,由前端去实现form表单的POST提交,

说明:form表单submit()实现自动提交input标签hidden,注意script代码中的document.redirect.submit();

 html 
 head 
 meta http-equiv="Content-Type" content="text/html; charset=UTF-8" / 
 /head 
 body 
 form name="redirect" action="form 
 script type="text/javascript" 
 document.redirect.submit();
 /script 
 /body 
 /html 

为了执行上一段字符串html代码,用到了iframe标签HTML5 的新属性--srcdoc

HTML iframe 标签的 srcdoc 属性

 iframe srcdoc="HTML_code" 

example:

代码如下:
iframe srcdoc=" p Hello world! /p script alert(123); /script " src="demo_iframe_srcdoc.htm" /iframe

问题来了

form表单submit()提交后,不能知道表单提交完成的状态,因为从流程上考虑,需要判断表单提交成功、失败、网络无连接等状态,用submit()提交,获取不了这些状态。

解决步骤如下:

1、通过正则表达式提取表单中的method、action、和input表单的name、value的值,得到

var formData = {
 method: 'POST',
 url: 'pre>

2、发送ajax请求

$http({
 method : formData.method,
 url :formData.url,
 data : $httpParamSerializerJQLike(formData.data), // pass in data as strings
 headers : { 'Content-Type': 'application/x-www-form-urlencoded' } // set the headers so  as form data (not request payload)
 .success(function(data) {
 console.log(data);//返回html字符串
.error(function(error) {
 console.log(error);

有两个比较关键的地方:

1、$http参数data的值需要用$httpParamSerializerJQLike处理

2、加上headers : { 'Content-Type': 'application/x-www-form-urlencoded' }

如果不做上面两个处理,请求也能成功(状态返回:200),只是不能在成功回调中拿到想要的response结果。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持凡科。


分享新闻到:

更多阅读

开发设计微信小程序_angularjs $http完成fo

行业动态 2021-01-12
angularjs $http完成form表格递交实例 本文关键详细介绍了angularjs $http完成form表格递交实例,...
查看全文

广州凡科互联网科技股份有限公司招聘活

行业动态 2021-01-11
招聘人数:22职位信息1.负责公司各类线上线下活动的策划与组织实施,善于针对热点新闻事件...
查看全文

广州凡科互联网科技股份有限公司招聘大

行业动态 2021-01-11
招聘人数:28职位信息1、对行业发展有清晰的认识,制定并及时调整销售及市场策略;2、负责...
查看全文
返回全部新闻


区域站点: 南丰县微信卖货小程序   南宫市微信开发小程序   囊谦县小程序怎样制作   南和县小程序生成平台   南华县微信卖货小程序   南江县微信开发小程序   南京市小程序怎样制作   南靖县小程序生成平台   南康市微信卖货小程序   南乐县微信开发小程序   南陵县小程序怎样制作   南宁市小程序生成平台   南平市微信卖货小程序   南皮县微信开发小程序   南市区小程序怎样制作   南通市小程序生成平台   南投县微信卖货小程序   南雄市微信开发小程序   南溪县小程序怎样制作   南阳市小程序生成平台   南漳县微信卖货小程序   南召县微信开发小程序   南郑县小程序怎样制作   那坡县小程序生成平台   那曲县微信卖货小程序   纳雍县微信开发小程序   讷河市小程序怎样制作   内黄县小程序生成平台   内江市微信卖货小程序   内丘县微信开发小程序   内乡县小程序怎样制作   嫩江市小程序生成平台   聂荣县微信卖货小程序   尼玛县微信开发小程序   尼木县小程序怎样制作   宁安市小程序生成平台   宁波市微信卖货小程序   宁城县微信开发小程序   宁德市小程序怎样制作   宁都县小程序生成平台   宁国市微信卖货小程序   宁海县微信开发小程序   宁化县小程序怎样制作   宁晋县小程序生成平台   宁陵县微信卖货小程序   宁明县微信开发小程序   宁南县小程序怎样制作   宁强县小程序生成平台   宁陕县微信卖货小程序   宁武县微信开发小程序   宁乡市小程序怎样制作   宁阳县小程序生成平台   宁远县微信卖货小程序   农安县微信开发小程序   磐安县小程序怎样制作   盘锦市小程序生成平台   盘山县微信卖货小程序   磐石市微信开发小程序   盘州市小程序怎样制作   蓬安县小程序生成平台   澎湖县微信卖货小程序   蓬莱市微信开发小程序   彭山县小程序怎样制作   蓬溪县小程序生成平台   彭阳县微信卖货小程序   彭泽县微信开发小程序   彭州市小程序怎样制作   偏关县小程序生成平台   平安县微信卖货小程序   平昌县微信开发小程序   平定县小程序怎样制作   屏东县小程序生成平台   平度市微信卖货小程序   平果县微信开发小程序   平和县小程序怎样制作   平湖市小程序生成平台   平江县微信卖货小程序   平乐县微信开发小程序   平凉市小程序怎样制作   平利县小程序生成平台   平罗县微信卖货小程序   平陆县微信开发小程序   屏南县小程序怎样制作   平泉市小程序生成平台   屏山县微信卖货小程序   平顺县微信开发小程序   平塘县小程序怎样制作   平潭县小程序生成平台   平武县微信卖货小程序   萍乡市微信开发小程序   平乡县小程序怎样制作   平阳县小程序生成平台   平遥县微信卖货小程序   平阴县微信开发小程序   平邑县小程序怎样制作   平远县小程序生成平台   平舆县微信卖货小程序   皮山县微信开发小程序   普安县小程序怎样制作   浦北县小程序生成平台   浦城县微信卖货小程序   普洱市微信开发小程序   普格县小程序怎样制作   浦江县小程序生成平台   普兰县微信卖货小程序   普宁市微信开发小程序   莆田市小程序怎样制作   迁安市小程序生成平台   乾安县微信卖货小程序   潜江市微信开发小程序   潜山市小程序怎样制作  

友情链接: 微信小程序案例 小程序界面模板 如何制作微信小程 抽奖小程序 手机版

Copyright © 2002-2020 小程序怎样制作_小程序生成平台_微信卖货小程序_微信开发小程序_小程序制作流程及费用 版权所有 (网站地图) 备案号:粤ICP备10235580号