使用 WKWebView Objective C 在 AngularJS 中表单发布答案

【问题标题】：Form Post in AngularJS using WKWebView Objective C使用 WKWebView Objective C 在 AngularJS 中表单发布
【发布时间】：2020-12-15 22:34:35
【问题描述】：

基本上我对 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。

谢谢

【问题讨论】：

标签： javascript ios objective-c angularjs

【解决方案1】：

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

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 指令绑定。

【讨论】：