ios - 在 iOS7 中通过 JavaScriptCore 进行 HTTP 请求

Question

我正在尝试使用 iOS7 的一项新功能，即 JavaScriptCore 框架。我可以从 Javascript 成功输出 helloWorld 字符串，但我感兴趣的是在 Javascript 中执行 HTTP POST，然后将响应传递给 Objective-C。不幸的是，当我在 Javascript 中创建一个 XMLHttpRequest 对象时，我得到了 EXC_BAD_ACCESS (code=1, address=....)。

这是 Javascript 代码 (hello.js):

var sendSamplePost = function () {
    // when the following line is commented, everything works,
    // if not, I get EXC_BAD_ACCESS (code=1, address=....)
    var xmlHttp = new XMLHttpRequest();
};

var sayHello = function (name) {
    return "Hello " + name + " from Javascript";
};

这是我的 ViewController 中的 Objective-C 代码:

- (void)viewDidLoad
{
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.

    JSContext *context = [[JSContext alloc] initWithVirtualMachine:[[JSVirtualMachine alloc] init]];

    NSString *scriptPath = [[NSBundle mainBundle] pathForResource:@"hello" ofType:@"js"];
    NSLog(@"scriptPath: %@", scriptPath);
    NSString *script = [NSString stringWithContentsOfFile:scriptPath encoding:NSUTF8StringEncoding error:nil];
    NSLog(@"script: %@", script);

    [context evaluateScript:script];

    JSValue *sayHelloFunction = context[@"sayHello"];
    JSValue *returnedValue = [sayHelloFunction callWithArguments:@[@"iOS"]];

    // this works!
    self.label.text = [returnedValue toString];


    JSValue *sendSamplePostFunction = context[@"sendSamplePost"];

    // this doesn't work :(
    [sendSamplePostFunction callWithArguments:@[]];
}

会不会是JavaScriptCore Framework中没有提供HTTP Requests功能？如果是，我可以通过使用 UIWebView 的 -stringByEvaluatingJavaScriptFromString: 来克服这个问题吗？如果我在我的项目中编译并包含另一个 Javascript 引擎(例如 V8)怎么办？

Answer 1

如前所述，XMLHttpRequest 不是 JavaScript 的一部分，但您仍然可以包装 iOS URLRequest，以便它在您的 JS 中可用。

在 JSUtils.h 中

   @protocol UtilsExport;

   @interface JSUtils : NSObject <UtilsExport>
   @end

   @protocol UtilsExport <JSExport>
   - (void)get:(NSString *)url then:(JSValue *)jsCallback;
   @end

在 JSUtils.m 中

#import "JSUtils.h"

- (void)get:(NSString *)url then:(JSValue *)callback {
    NSMutableURLRequest *request = [NSMutableURLRequest requestWithURL:[NSURL URLWithString:url]
                                                           cachePolicy:NSURLRequestReloadIgnoringLocalAndRemoteCacheData
                                                       timeoutInterval:10];
    [request setHTTPMethod:@"GET"];
    [NSURLConnection sendAsynchronousRequest:request queue:[NSOperationQueue mainQueue] completionHandler:^(NSURLResponse *response, NSData *data, NSError *error) {
        if ([data length] > 0 && error == nil) {
            [callback callWithArguments:@[[[NSString alloc] initWithData:data encoding:NSUTF8StringEncoding], @YES]];
        } 
    }];
}

接下来，将实例绑定(bind)到代码中某处的 JSContext

JSContext *context = [[JSContext alloc] init];
context[@"utils"] = [[JSUtils alloc] init];

从你的 JS 文件，你现在可以调用

utils.getThen('http://localhost/api/dashboard', function(resultString){
  console.log(resultString)
}

您也可以使用 block 并将其直接绑定(bind)到 JSContext 以获得相同的结果。