首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >Cordova 10.0 Ajax在iOS 14中不起作用,但在安卓系统中工作正常

Cordova 10.0 Ajax在iOS 14中不起作用,但在安卓系统中工作正常
EN

Stack Overflow用户
提问于 2020-09-25 12:59:11
回答 1查看 833关注 0票数 0

我最近更新了我的Xcode到12.0,我在我的mac上安装了最新的iOS 14和Cordova 10.0.0。我还将UIWebview更改为WKWebViewOnly。我还引用了以下链接,以在配置文件中启用该选项:

Ajax Not working in IOS 9.0 Cordova

因此,我的配置文件如下所示

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<access origin="*" />
<allow-intent href="http://*/*" />
<allow-intent href="https://*/*" /> 
<platform name="ios">
    <allow-intent href="itms:*" />
    <allow-intent href="itms-apps:*" />
<preference name="AllowUntrustedCerts" value="on" />
<preference name="InterceptRemoteRequests" value="all" />
<preference name="NativeXHRLogging" value="full" />
<preference name="WKWebViewOnly" value="true" />
    <feature name="CDVWKWebViewEngine">
        <param name="ios-package" value="CDVWKWebViewEngine" />
    </feature>
<preference name="CordovaWebViewEngine" value="CDVWKWebViewEngine" />
</platform>

我的代码在Android中运行良好,但我在单击按钮时调用的以下代码(在设备就绪事件被调用之后)失败:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var postData = "&UserName=" + user1;
$.ajax({type: 'POST',
data: postData, url: "http://webaddress.com",
timeout:120000,
complete: function(jqXHR, textStatus) {alert("done");},
                   success: function(dataMain){
                   
                   },
                   error: function(xhr, ajaxOptions, thrownError){
                   //console.log(data);
                   alert("error  " + ajaxOptions + "  " + thrownError);
                   //    if (ajaxOptions === "timeout") { openAlertMsg(timeoutMsg); }
                   hideLoading();
                   }
                   });

我还尝试将以下内容添加到index.html中

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<meta http-equiv="Content-Security-Policy" content="connect-src *; style-src 'self' 'unsafe-inline'; media-src *">

我假设Cordova在Ajax上运行得很好,事实上,在我的旧版本Cordova和Xcode中,它运行得很好,但我最近遇到了这个问题。

EN

回答 1

Stack Overflow用户

发布于 2021-01-21 06:46:15

请将crossDomain : true添加到您的ajax参数

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/64064651

复制
相关文章
React Native网络请求
很多移动应用都需要从远程地址中获取数据或资源。你可能需要给某个REST API发起POST请求以提交用户数据,又或者可能仅仅需要从某个服务器上获取一些静态内容——以下就是你会用到的东西。新手可以对照这个简短的视频教程加深理解。 使用Fetch React Native提供了和web标准一致的Fetch API,用于满足开发者访问网络的需求。如果你之前使用过XMLHttpRequest(即俗称的ajax)或是其他的网络API,那么Fetch用起来将会相当容易上手。这篇文档只会列出Fetch的基本用法,并不会讲
xiangzhihong
2018/02/05
2.1K0
React Native使用axios进行网络请求
在前端开发中,能够完成数据请求的方式有很多,如Ajax、jQuery ajax、axios和fetch等。不过,随着技术的发展,现在能够看到的基本上也就axios和fetch两种。
xiangzhihong
2021/08/05
2.5K0
React Native网络请求插件
React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架,是Facebook早先开源的JS框架 React 在原生移动应用平台的衍生产物,目前支持iOS和安卓两大平台。RN使用Javascript语言,类似于HTML的JSX,以及CSS来开发移动应用,因此熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域。
网罗开发
2021/01/29
1.2K0
React Native的HTTP请求
前言 在一般的手机App中,HTTP请求是一种最常见的获取数据的方式。我们的App要连上广阔的互联网,才能带来一个丰富的世界。那么,在React Native中如何发起HTTP请求呢? 发起网络请求 要从任意地址获取内容的话,只需简单地将网址作为参数传递给fetch方法即可(fetch这个词本身也就是获取的意思): fetch('https://mywebsite.com/mydata.json') Fetch还有可选的第二个参数,可以用来定制HTTP请求一些参数。你可以指定header参数,或是指定使用P
Oceanlong
2018/07/03
1.9K0
React Native Fetch网络请求
前言 我们使用的APP都需要从服务器上获取数据,那么就必须要请求网络数据,在React-Native中可以用ajax去请求网络数据,但更多情况下是采用fetch API。 一、fetch发送get请求 fetch发送get请求 fetch(https://raw.githubusercontent.com/facebook/react-native/master/docs/MoviesExample.json) // 1.发送请求 .then((response)=>respon
星宇大前端
2019/01/15
2.2K0
React Native调用原生组件
在React Native开发过程中,有时候我们可能需要访问平台的API,但react Native还没有相应的实现,或者是React Native还不支持一些原生的属性,我们需要调用原生代码来实现,或者是我们需要复用一些原来的Java代码,这个时候我们就需要创建一个原生模块来自己实现对我们需要功能的封装。 相关文档可以参照官方的介绍。 #实例 下面我们就通过实现一个自定义模块,来熟悉编写原生模块需要用的一些知识。该模块主要实现调用一些Android原生的功能,比如弹Toast,启动Activity等。
xiangzhihong
2018/01/26
1.6K0
React Native调用原生组件
在React Native开发过程中,有时候我们可能需要访问平台的API,但react Native还没有相应的实现,或者是React Native还不支持一些原生的属性,我们需要调用原生代码来实现,或者是我们需要复用一些原来的Java代码,这个时候我们就需要创建一个原生模块来自己实现对我们需要功能的封装。 相关文档可以参照官方的介绍。 实例 下面我们就通过实现一个自定义模块,来熟悉编写原生模块需要用的一些知识。该模块主要实现调用一些Android原生的功能,比如弹Toast,启动Activity等。 实
xiangzhihong
2018/02/06
1.7K0
React Native探索(五)使用fetch进行网络请求
前言 React Native可以使用多种方式来进行网络请求,比如fetch、XMLHttpRequest以及基于它们封装的框架,fetch可以说是替代XMLHttpRequest的产物,这一节我们就
用户1269200
2018/02/01
2.1K0
React Native探索(五)使用fetch进行网络请求
React Native请求网络数据时本地缓存优先策略的实现
这里只放了核心代码,具体完整的代码可以去仓库里看看github地址 这里本地存储数据用到的库官方文档地址AsyncStorage
henu_Newxc03
2022/05/05
9320
React Native使用百度Echarts显示图表
首先需要在我们的React Native项目中安装native-echarts组件,该组件是兼容IOS和安卓双平台的。
forrest23
2018/08/03
2.6K0
React Native使用百度Echarts显示图表
React Native的列表显示
前言 在一个移动App中,我们最常用的内容展现形式就是列表。今天,我们尝试用React Native完成对列表的开发。 ListView ListView作为一个React Native官方提供的控件,我们需要了解它的属性。 dataSource 是列表的数据源,通常以一个数组的形式传给ListView。 renderRow 是列表的表现层,我们可以获得dataSource的单项数据,然后用于单项渲染。 官方例子 import React, { Component } from 'react'; impor
Oceanlong
2018/07/03
1.9K0
React Native调用Android相机图库
概述 在很多的React Native开发中,我们需要调用原生的api实现调用相机和图库的功能,网上用的最多的开源库如:react-native-image-picker。关于react-native-image-picker的用法大家请看相关的文档。我们今天手动实现一份。 调用Android图库相机 创建项目 执行命令 : react-native init HeadImage 创建一个名为HeadImage的工程,可以使用命令先运行下Demo项目。 然后照一张图片,放到放到工程的 HeadImage\A
xiangzhihong
2018/01/26
1.7K0
React Native调用原生UI组件
在React Native 中,其已经将几个常用的原生组件进行了封装,但是并不是所有系统的原始组件都被封装了,因此有时候我们不得不自己动手封装一下,从而能够使用那些React Native没有为我们封装的原生组件。为了方便讲解,我们选择第一个第三方库kenburnsview来讲解,kenburnsview是一个可以让图片在在页面移动或者放大缩小的库。 Android原生组件封装 1,继承SimpleViewManager,返回UI组件实例 首先,需要继承 SimpleViewManager 这个泛型类,
xiangzhihong
2018/02/06
1.6K0
React Native调用Android相机图库
概述 在很多的React Native开发中,我们需要调用原生的api实现调用相机和图库的功能,网上用的最多的开源库如:react-native-image-picker。关于react-native-image-picker的用法大家请看相关的文档。我们今天手动实现一份。 调用Android图库相机 创建项目 执行命令 : react-native init HeadImage 创建一个名为HeadImage的工程,可以使用命令先运行下Demo项目。 然后照一张图片,放到放到工程的 HeadImag
xiangzhihong
2018/02/06
2.1K0
react native 调用原生UI组件
在React Native开发过程中,有时我们想要使用原生的一个UI组件或者是js比较难以实现的功能时,我们可以在react Naitve应用程序中封装和植入已有的原生组件。 本文我们实现一个VideoView的本地调用。 React Native并没有给我们提供VideoView这个组件,那我们要播放视频的话,有两种方法:一种是借助WebView,一种就是使用原生的播放器。 Java端实现 新建VideoViewManager类,并继承SimpleViewManager,SimpleViewManag
xiangzhihong
2018/02/06
7.4K1
react native 调用原生UI组件
在React Native中优雅的使用iconfont
React Native大火大热,其中为了解决图标,易于修改,换颜色,高清等需求,iconfont的应用更是必不可少。 React Native中的iconfont 关于在React Native中使用iconfont,网上已有很多非常好的解决方案,用的最多的就是react-native-vector-icons , 这个库支持很多常用的iconfont,比如FontAwesome, Ionicons, MaterialIcons等等。 但是这个库依赖了不少iOS和Android的原生代码,这让一
Bob.Chen
2018/05/02
15.3K0
在React Native中优雅的使用iconfont
React Native在Windows下修改js代码后reload无效
iOS下因为有watchman这个插件,所以启动很快(npm start),而Windows下则非常慢,最要命的是遇到了修改js文件后,点击reload居然一直是请求的缓存bundle,泪崩。。。
meteoric
2018/11/20
3.7K1
React Native网络请求fetch简单封装
在原生应用开发中,为了方便业务开发人员使用,我们一般会对网络库进行一些上传封装,而不是直接使用,例如基于AFNetworking库的ios请求上层封装,Android的诸如volley,retrofit等。在前端开发中,一般使用fetch进行网络请求,相关介绍请查看fetch示例。其实对于开发来说,系统提供的fetch已经够用了,但是为了代码的整体结构,建议对fetch进行简单的Get/Post封装。 若不封装,我们看一下传统的写法: fetch('http://www.pintasty.cn/hom
xiangzhihong
2018/02/06
1.6K0
react native基本使用
react-native start运行 添加VScode调试配置后(配置使用react native调试)
sofu456
2022/05/06
2.5K0
react native基本使用
react-native 集成极光推送jpush-react-native时的小问题
android的一个报错 ... set canOverrideExistingModule=true 解决: 问题是在/android/app/src/java/.../MainApplication.java的getPackages()中重复引用了某个package,删除掉重复内容即可 新版中添加notifyJSDidLoad方法报错 如果不设平台,在ios里会报notifyJSDidLoad undefined错误 如果使用官方例子notifyJSDidLoad的代码,android会报cb方法und
mcq
2018/06/20
2.1K0

相似问题

React Native Agora Sdk

110

如何使用react native agora显示传入视频呼叫

11

React-native-camera显示为黑屏

1116

React Native API请求

10

在React Native中使用类和呈现api调用

114
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文