查看: 5763|回复: 22
wex5 ajax调用问题
主题帖子积分
高级会员, 积分 883, 距离下一级还需 117 积分
高级会员, 积分 883, 距离下一级还需 117 积分
1.如果在浏览器中打开, 能返回符合Data组件的JSON数据格式
是否说明跨域没问题?
2.如果跨域没问题，ajax调用上面的url会提示&网络出错&,JUSTEP230109
主题帖子积分
高级会员, 积分 883, 距离下一级还需 117 积分
高级会员, 积分 883, 距离下一级还需 117 积分
& && && && && && &&&type: &get&,
& && && && && && &&&&async& : false,
& && && && && && &&&url: &http://227.10.10.10:8080/baas/pro/Sales&,
& && && && && && &&&contentType: &application/ charset=utf-8&,
& && && && && && &&&dataType: &jsonp&,
& && && && && && &&&jsonp: &CallBack&,
& && && && && && &&&data: &{}&,
& && && && && && &&&success: function(resultData) {
& & & & & & & && && && && && && &&&data.loadData(resultData);
& & & & & & & && && && && &&&},
& & & & & & & && && && && &&&error:function (){&&
& & & && && && && & & & & &&&alert(&错误&);
& & & & & & & && && && && &&&}
& && && && && & });
参考跨域写法后，JSON数据控制台打印出来了，但是没有加载进去
调试模式报错,哪里没弄对?
Uncaught SyntaxError:
Unexpected token :
主题帖子积分
& && && && && && &&&type: &get&,
& && && && && && &&&&async& : false,
首先，你浏览器访问或者app打包时，写的ip地址也是 才可以不跨越！如果你访问写的是域名， 在js中写的是ip那就会出现跨域问题
请问你是访问的baas吗？还是一个简单的sevlet
如果是baas，请就要使用
Baas.sendRequest 方法来处理，
如果是3.3版本
请参考：/UI2/takeout/index.w 外卖案例中的queryAddr方法！
主题帖子积分
高级会员, 积分 883, 距离下一级还需 117 积分
高级会员, 积分 883, 距离下一级还需 117 积分
首先，你浏览器访问或者app打包时，写的ip地址也是http://227.10.10.10:8080 才可以不跨越！如果你访问写 ...
app打包的IP和访问的IP不是同一个
app访问的是另一台服务器的baas
如果用Baas.sendRequest 方法来处理,里面的URL执行的时候会变成
http://localhost:8080/baas 路径不正确导致执行失败
ajax调用的话,2楼的写法要报错
如果用Baas.sendRequest 方法来处理,应该如何改进?
如果用ajax的话，哪里需要修改?
主题帖子积分
app打包的IP和访问的IP不是同一个
app访问的是另一台服务器的baas
如果用Baas.sendRequest 方法来处理,里 ...
Baas.sendRequest 执行的时候变成了http://localhost:8080
就说明你打包的时候，服务器地址应该没写把！如果写了肯定不会这样的！
保证app打包 ip地址要写正确 baas服务要使用Baas.sendRequest来获取数据！
请问你是哪个版本？3.3版本的baas.js是:/UI2/system/lib/base/baas.js
3.2.1所在路径是：/UI2/demo/baas/baas.js
主题帖子积分
高级会员, 积分 883, 距离下一级还需 117 积分
高级会员, 积分 883, 距离下一级还需 117 积分
Baas.sendRequest 执行的时候变成了http://localhost:8080
就说明你打包的时候，服务器地址应该没写http: ...
是3.3的版本
打包时服务器地址只能写一个吧?
我是在访问A服务器的过程中，调用B服务器的baas
这样该如何调用?
主题帖子积分
本帖最后由 liangyongfei 于
16:37 编辑
是3.3的版本
打包时服务器地址只能写一个吧?
我是在访问A服务器的过程中，调用B服务器的baas
那就必须要跨域了:
关于返回的数据结构处理方式，也可以参考;/UI2/system/lib/base/baas.js
在代码中应该是：xhr.responseJSON
主题帖子积分
高级会员, 积分 883, 距离下一级还需 117 积分
高级会员, 积分 883, 距离下一级还需 117 积分
那就必须要跨域了:/cn/ajax-cors-jsonp/
我在客户端这样写了
& && && && && && &&&type: &get&,
& && && && && && &&&&async& : false,
& && && && && && &&&url: &http://227.10.10.10:8080/baas/pro/Sales&,
& && && && && && &&&contentType: &application/ charset=utf-8&,
& && && && && && &&&dataType: &jsonp&,
& && && && && && &&&jsonp: &CallBack&,
& && && && && && &&&data: &{}&,
& && && && && && &&&success: function(resultData) {
& && && && && && && && && && && &&&data.loadData(resultData);
& && && && && && && && && &&&},
& && && && && && && && && &&&error:function (){&&
& && && && && && && && && &&&alert(&错误&);
& && && && && && && && && &&&}
& && && && && & });
Uncaught SyntaxError:
Unexpected token :
baas里面还需要修改吗？
主题帖子积分
我在客户端这样写了
请看7楼 ，是否跨域，
还有就是debugger调试看看，是否执行到success 的回调方法中了！
建议跨域访问baas的方式也自己参照/UI2/system/lib/base/baas.js写一个封装好的js库！
主题帖子积分
高级会员, 积分 883, 距离下一级还需 117 积分
高级会员, 积分 883, 距离下一级还需 117 积分
请看7楼 ，是否跨域，
还有就是debugger调试看看，是否执行到success 的回调方法中了！
建议跨域访问baas ...
应该是跨域问题
用ajax方法，没执行到success，但是后台打印出了json数组
参照/UI2/system/lib/base/baas.js写了个库，把URL变了下
URL调用127.0.0.1报相同错误 Uncaught SyntaxError: Unexpected token :
这个问题还需求教!
Powered byWeX5常见问题WeX5前端开发常见问题问题如下图：两种解决方案：第一种.如果用的是ajax请求的数据，只需在ajax请求中加一个参数global:false，即可：$.ajax({
: false, // 此处设为false，即可
"dataType" : "json",
success: success,
error: error});第二种.修改justep的样式：第一步：修改/UI2/system/lib/base/error.js文件中的错误提示相关（window.onerror函数）的代码； （此方法针对于WeX5Studio3.3以上的版本，之前的版本路径为/UI2/system/components/justep/window/window.js）第二步：执行%JUSTEP_HOME%/tools/dist/dist.bat合并文件；下面说说我的实现方法吧，我是采用第二种方式：首先找到以上路径下相关js（window.js或error.js）文件中的window.onerror函数，然后隐藏掉原有的window.errorDialog函数，再加上自己的实现方式，如下：//
if (!window.errorDialog)//
window.errorDialog = new ErrorDialog();//
window.errorDialog.open(data);// 此处是我的实现方式；justep.Util.hint('手机网络异常或服务器出现错误！',{type:'info',delay:3000,position:'bottom'});最后找到WeX5安装路径下的：XX/tools/dist，通过命令执行dist.bat即可；资源合并完成之后，重启tomcat，ok，问题解决。
最新教程周点击榜
微信扫一扫查看: 12776|回复: 11
WeX5V3.1手机拍照例子-后台ASP.NET
主题帖子积分
初级会员, 积分 183, 距离下一级还需 17 积分
初级会员, 积分 183, 距离下一级还需 17 积分
亲测以下代码：
WeX5：——不管3.1需要不需要加引用，反正我是都加了。。。像素设置为，quality就可以调高到100，图片体积在200k以内。所以控制拍照神器的关键参数不是quality，而是高宽。
& & & & var $ = require(&jquery&);
& & & & var justep = require(&$UI/system/lib/justep&);
& & & & require(&$UI/system/lib/cordova/cordova&);
& & & & require(&res!./img&);
& & & & var client2service = require(&../_js/client2service&);
& & & & require(&css!$UI/okchexl/device/common/pub&).load();
& & & & require(&cordova!org.apache.cordova.camera&);
& & & & require(&cordova!org.apache.cordova.inappbrowser&);
& & & & require(&cordova!org.apache.cordova.file&);
& & & & require(&cordova!org.apache.cordova.file-transfer&);
Model.prototype.modelLoad = function(event) {
& & & & & & & & //this.loadFoodData();
& & & & & & & &&&var me =
& & & & & & & & document.addEventListener(&deviceready&, onDeviceReady, false);
& & & & & & & & // 加载完成
& & & & & & & & function onDeviceReady() {
& & & & & & & & & & & & me.comp(&cameraBtn&).set({disabled: false});
& & & & & & & & & & & &
& & & & & & & & & & & & if(localStorage.getItem(me.STORE_ID) !== &&)
& & & & & & & & & & & & & & & & me.comp(&fileData&).loadData(JSON.parse(localStorage.getItem(me.STORE_ID)));
& & & & & & & & }
& & & & };
& & & & //拍照
& & & & Model.prototype.cameraBtnClick = function(event) {
& & & & & & & & $(&#operateLabel&).text(&开始拍照！&);
& & & & & & & & $(&#resultLabel&).text(&&);
& & & & & & & & var data = p(&fileData&);
& & & & & & & & var self =
& & & & & & & & function onSuccess(imageURI) {
& & & && && && &data.newData({index : 0});
& & & & & & & & & & & & data.setValue(&filePath&, imageURI);
& & & & & & & & & & & & data.setValue(&fileName&, imageURI.substr(imageURI.lastIndexOf('/') + 1));
& & & & & & & & & & & & data.setValue('createTime', justep.Date.toString(new Date(), justep.Date.DEFAULT_FORMAT ));
& & & & & & & & & & & & $(&#resultLabel&).text(&成功&+imageURI);
& & & & & & & && &&&self.uploadImage(imageURI);
& & & & & & & & function onFail(message) {
& & & & & & & & & & & & $(&#resultLabel&).text(&失败：&+message);
& & & & & & & & }& & & & & & & &&&
& & & & & & & & navigator.camera.getPicture(onSuccess, onFail, {
& & & & & & & & & & & & quality : 80,
& & & & & & & & & & & & sourceType : 1,
& & & & & & & & & & & & targetWidth : 1024,
& & & & & & & & & & & & targetHeight : 768
& & & & & & & & // 0、2为从相册文件中选择，1为拍照
& & & & & & & & });
& & & & };
& & & & Model.prototype.uploadImage = function(imageURI) {
& & & & & & & & //var deferred = when.defer();
& & & & & & & & var options = new FileUploadOptions();
& & & & & & & & options.fileKey = &okchexlx5file&;// 用于设置参数
& & & & & & & & options.fileName = imageURI.substr(imageURI.lastIndexOf('/') + 1);
& & & & & & & & // 如果是图片格式，就用image/jpeg，其他文件格式上官网查API
& & & & & & & & options.mimeType = &image/jpeg&;
& & & & & & & & // 这里的uri根据自己的需求设定，是一个接收上传图片的地址
& & & & & & & & var uri = encodeURI(client2service.BASE_URL+&SetImageUpload.ashx?jsoncallback=?&);
& & & & & & & & options.chunkedMode =
& & & & & & & & var params = new Object();
& & & & & & & & params.id = &1&;
& & & & & & & & params.name = &test&;
& & & & & & & & options.params =
& & & & & & & & var ft = new FileTransfer();
& & & & & & & & function success(result) {
& & & & & & & & & & & & //deferred.resolve(imageURI);// 改变执行状态
& & & & & & & & & & & & //navigator.notification.progressStop();
& & & & & & & & & & & & alert(&上传成功！&);
& & & & & & & & }
& & & & & & & & function fail(message) {
& & & & & & & & & & & & alert(&上传失败！& + JSON.stringify(message));
& & & & & & & & }
& & & & & & & & // 上传回调
& & & & & & & & //ft.onprogress = showUploadingP
& & & & & & & & //navigator.notification.progressStart(&&, &当前上传进度&);
& & & & & & & &&&
& & & & & & & & ft.upload(imageURI, uri, success, fail, options);
& & & & //显示图片
& & & & Model.prototype.fileListClick = function(event) {
& & & & & & & & $(&#operateLabel&).text(& &);
& & & & & & & & $(&#resultLabel&).text(&&);
& & & & & & & & var data = p(&fileData&);
& & & & & & & & var url = data.getValue(&filePath&);
& & & & & & & & if (justep.Browser.isX5App && justep.Browser.isAndroid) {
& & & & & & & & & & & & window.open(url,&_system&);
& & & & & & & & & & & & //window.open(url,&_blank&);
& & & & & & & & & & & & //window.open(url, '_blank', 'toolbarposition=top,location=no,enableViewportScale=yes');
& & & & & & & & } else {
& & & & & & & & & & & & window.open(url, '_blank', 'toolbarposition=top,location=no,enableViewportScale=yes');
& & & & & & & & }
& & & & };
& & & & Model.prototype.uploadBtnClick = function(event) {};
& & & & //清空历史记录
& & & & Model.prototype.deleteBtnClick = function(event) {
& & & & & & & & $(&#operateLabel&).text(&清空历史记录 &);
& & & & & & & & $(&#resultLabel&).text(&&);
& & & & & & & & p(&fileData&).clear();
& & & & & & & & localStorage.setItem(this.STORE_ID, &&);
& & & & };
& & & & //关闭功能，将记录存入内存
& & & & Model.prototype.backBtnClick = function(event) {
& & & & & & & & localStorage.setItem(this.STORE_ID, JSON.p(&fileData&).toJson(false)));
& & & & & & & & justep.Portal.closeWindow();
& & & & };
——NND，只要写文件做日志看出错误的端倪了！！！那就是服务端的上传限制和手机拍照神器的不匹配！
/// &summary&
& & /// SetImageUpload 的摘要说明
& & /// &/summary&
& & public class SetImageUpload : BaseAshxX5
& && &&&private string _log = &&;
& && &&&public override void ProcessRequest(HttpContext context)
& && && && &HttpPostedFile _upfile = context.Request.Files[&okchexlx5file&];
& && && && &if (_upfile == null)
& && && && &{
& && && && && & _log = &4 请选择要上传的文件&;
& && && && && & ResponseWriteEnd(context, &4&);//请选择要上传的文件&&
& && && && &}
& && && && &else
& && && && &{
& && && && && & //_upfile.SaveAs(HttpContext.Current.Server.MapPath(&~/_upload/vehicle/logo& + DateTime.Now.ToString(&yyyyMMddHHmmss&) + &.jpg&));
& && && && && && &&&
& && && && && & string fileName = _upfile.FileN//获取文件名
& && && && && & string suffix = fileName.Substring(fileName.LastIndexOf(&.&) + 1).ToLower();
& && && && && & int bytes = _upfile.ContentL//获取文件的字节大小&&
& && && && && & if (suffix != &jpg&)
& && && && && & {
& && && && && && &&&_log = &2 只能上传JPG格式图片&;
& && && && && && &&&ResponseWriteEnd(context, &2&); //只能上传JPG格式图片
& && && && && & }
& && && && && & else if (bytes & 2048 * 2048)
& && && && && & {
& && && && && && &&&_log = &3 图片不能大于4M&;
& && && && && && &&&ResponseWriteEnd(context, &3&); //图片不能大于3M
& && && && && & }
& && && && && & else
& && && && && & {
& && && && && && &&&//保存图片
& && && && && && &&&_upfile.SaveAs(HttpContext.Current.Server.MapPath(&~/_upload/vehicle/logo& + DateTime.Now.ToString(&yyyyMMddHHmmss&) + &.jpg&));
& && && && && && &&&_log = &1 上传成功&;
& && && && && && &&&ResponseWriteEnd(context, &1&); //上传成功&&
& && && && && & }
& && && && &}
& && &&&private void ResponseWriteEnd(HttpContext context, string msg)
& && && && &StreamWriter sw = new StreamWriter(HttpContext.Current.Server.MapPath(&~/_upload/vehicle/log& + DateTime.Now.ToString(&yyyyMMddHHmmss&) + &.txt&), false);
& && && && &sw.WriteLine(_log);
& && && && &sw.Flush();
& && && && &sw.Close();
& && && && &sw =
& && && && &context.Response.Write(msg);
& && && && &context.Response.End();
附加说明： PhoneGAP Camera Api简单介绍
Camera选择使用摄像头拍照，或从设备相册中获取一张照片。图片以base64编码的
字符串或图片URI形式返回。
1. camera.getPicture 拍照获取相册图片
navigator.camera.getPicture( cameraSuccess, cameraError, [ cameraOptions ] );
cameraSuccess：提供图像数据的onSuccess回调函数。
cameraError：提供错误信息的onError回调函数。
cameraOptions：定制摄像头设置的可选参数
2. camera.cleanup 清除拍照后设备的缓存图片
navigator.camera.cleanup( cameraSuccess, cameraError );
3.cameraOptions参数：
定制摄像头设置的可选参数。
quality : 存储图像的质量，范围是[0,100]。
destinationType :选择返回数据的格式。
sourceType :设定图片来源。data:image/base64,
allowEdit :在选择图片进行操作之前允许对其进行简单编辑。(好像只有ios支持)
encodingType :选择返回图像文件的编码方encodingType: Camera.EncodingType.JPEG
targetWidth :以像素为单位的图像缩放宽度指定图片展示的时候的宽度
targetHeight :以像素为单位的图像缩放高度指定图片展示的时候的高度
saveToPhotoAlbum:拍完照片后是否将图像保存在设备上的相册
mediaType 设置选择媒体的类型
cameraDirection 选择前置摄像头还是后置摄像头
主题帖子积分
新手上路, 积分 32, 距离下一级还需 18 积分
新手上路, 积分 32, 距离下一级还需 18 积分
主题帖子积分
金牌会员, 积分 1113, 距离下一级还需 1887 积分
金牌会员, 积分 1113, 距离下一级还需 1887 积分
X5新手解答
主题帖子积分
为什么在我的JS代码中有错误提示说
'FileUploadOptions' is not defined
FileTransfer' is not defined
是我有什么文件没有引用过来吗？？
长春鱼熊企业管理咨询有限公司
(出处: 起步论坛)
主题帖子积分
很好！！！
主题帖子积分
初级会员, 积分 193, 距离下一级还需 7 积分
初级会员, 积分 193, 距离下一级还需 7 积分
能否上传demo吗？
主题帖子积分
中级会员, 积分 230, 距离下一级还需 270 积分
中级会员, 积分 230, 距离下一级还需 270 积分
回复四楼，需要选择本地对话框插件
主题帖子积分
初级会员, 积分 83, 距离下一级还需 117 积分
初级会员, 积分 83, 距离下一级还需 117 积分
我的有好多未定义，麻烦共享一下client2service
QQ截图44.jpg (19.52 KB, 下载次数: 4)
16:53 上传
主题帖子积分
初级会员, 积分 153, 距离下一级还需 47 积分
初级会员, 积分 153, 距离下一级还需 47 积分
主题帖子积分
初级会员, 积分 92, 距离下一级还需 108 积分
初级会员, 积分 92, 距离下一级还需 108 积分
能否上传demo，万分感谢
Powered by