使用 WKWebView Objective C 在 AngularJS 中形成 Post

Question

基本上我对AngularJS了解不多。我的任务是在 WKWebView 中加载一个网页。在该页面中，我必须预先填写用户名和密码，然后使用 JavaScript 以编程方式点击登录按钮。我使用 JavaScript 填充了用户名和密码字段。但问题是当我通过执行 javascript 单击登录按钮时，它不会与服务器共享任何内容。这是我的表格：

<div class="container ng-scope" ng-controller="LogonController">
<div class="panel panel-default center">
  <div class="panel-heading titletext" id="logo">
     <img src="images\black.png">
  </div>
  <div class="panel-body">
     <!-- ngRepeat: alert in alerts -->
     <form class="form-horizontal center ng-pristine ng-valid" ng-submit="submitCredentials()">
        <div class="control-group">
           <label class="control-label" for="userId">User ID:</label>
           <div class="controls">
              <input type="text" id="useremail" ng-model="userId" autofocus="autofocus" class="ng-pristine ng-untouched ng-valid">
           </div>
        </div>
        <div class="control-group">
           <label class="control-label" for="inputPassword">Password:</label>
           <div class="controls">
              <input type="password" id="userpassword" ng-model="password" class="ng-pristine ng-untouched ng-valid">
           </div>
        </div>
        <div style="margin-top:5px"></div>
        <div class="control-group">
           <div class="controls">
              <button type="submit" class="btn btn-default center"><img src="images/login2.png"> Sign in</button>
           </div>
        </div>
     </form>
  </div>

在iOS这边我写了这段代码来执行我的Javascript:

- (void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation {
NSLog(@"didFinishNavigation");


dispatch_after(dispatch_time(DISPATCH_TIME_NOW, 1 * NSEC_PER_SEC),dispatch_get_main_queue(), ^{
    //NSLog(@"Function Called");
    
    NSString *email = @"test";
    NSString *password = @"test";
    
    NSString *fillUser = [NSString stringWithFormat:@"document.getElementById('useremail').value='%@';", [email stringByTrimmingCharactersInSet:[NSCharacterSet whitespaceAndNewlineCharacterSet]]];
    NSString *fillPassword = [NSString stringWithFormat:@"document.getElementById('userpassword').value='%@';", [password stringByTrimmingCharactersInSet:[NSCharacterSet whitespaceAndNewlineCharacterSet]]];
    
    NSString *resultStringUser = [self stringByEvaluatingJavaScriptFromString:fillUser];
    NSString *resultStringPassword = [self stringByEvaluatingJavaScriptFromString:fillPassword];
    
    //NSLog(@"Result String For User is: %@ and Password: %@", resultStringUser, resultStringPassword);
    
});

dispatch_after(dispatch_time(DISPATCH_TIME_NOW, 15 * NSEC_PER_SEC), dispatch_get_main_queue(), ^{
    
    NSString *submitFunction = [NSString stringWithFormat:@"document.getElementsByClassName('btn btn-default center')[0].click();"];
    NSString *resultStringSubmit = [self stringByEvaluatingJavaScriptFromString:submitFunction];
    //NSLog(@"Result String for Submit is: %@", resultStringSubmit);
});
}

这是我的 stringByEvaluatingJavaScriptFromString 方法：

- (NSString *)stringByEvaluatingJavaScriptFromString:(NSString *)script {
__block NSString *resultString = nil;
__block BOOL finished = NO;

[self.webView evaluateJavaScript:script completionHandler:^(id result, NSError *error) {
    if (error == nil) {
        if (result != nil) {
            resultString = [NSString stringWithFormat:@"%@", result];
        }
    } else {
        NSLog(@"evaluateJavaScript error : %@", error.localizedDescription);
    }
    finished = YES;
}];

while (!finished)
{
    [[NSRunLoop currentRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate distantFuture]];
}

return resultString;
}

由于这些验证格式为“ng-pristine ng-untouched ng-valid”，用户名和密码为空白。只要我用 iPhone 的键盘输入用户名和密码，它就会让我通过 javascript 调用按钮单击来登录。在使用 JS 执行的 javascript 提交表单之前，是否有任何方法可以调用或验证表单中的“ng-pristine ng-untouched ng-valid”？

注意：我无权更改服务器中的 JS。无论我必须做什么，都必须来自 iOS.

谢谢

Answer 1

好的。所以我找到了解决方案。这不是Javascript。所以它不会像Javascript那样工作。而不是 document.getElementById 我们必须将其用于 AngularJS:

NSString *submitUserRequest = [NSString stringWithFormat:@"angular.element(document.getElementById('useremail')).scope().userId='%@';", [email stringByTrimmingCharactersInSet:[NSCharacterSet whitespaceAndNewlineCharacterSet]]];
NSString *submitPasswordRequest = [NSString stringWithFormat:@"angular.element(document.getElementById('userpassword')).scope().password='%@';", [password stringByTrimmingCharactersInSet:[NSCharacterSet whitespaceAndNewlineCharacterSet]]];

因为之前，它不会填充文本输入字段，因为 AngulaJS 已经将其与 dom 指令绑定。

使用 WKWebView Objective C 在 AngularJS 中形成 Post

Form Post in AngularJS using WKWebView Objective C

javascript

objective-c

ios

angularjs