带有输入字段和提交按钮的PHP Angular JS_Php_Html_Angularjs_Angularjs Ng Click

带有输入字段和提交按钮的PHP Angular JS

php html angularjs

带有输入字段和提交按钮的PHP Angular JS,php,html,angularjs,angularjs-ng-click,Php,Html,Angularjs,Angularjs Ng Click,我有一个带有输入字段和提交按钮的UI，在字段中输入数字并单击提交按钮后。我希望它转到first.php文件，second.php取决于first.php响应。最后，我想展示一下second.php中的值，你能在这方面帮助我吗我在PHP中使用AngularJS，我在一个控制器中创建了两个函数，通过点击按钮一次调用两个函数，你能给我推荐一下方法吗 HTML代码 <html> <div ng-controller="get_controller"> &

我有一个带有输入字段和提交按钮的UI，在字段中输入数字并单击提交按钮后。我希望它转到first.php文件，second.php取决于first.php响应。最后，我想展示一下second.php中的值，你能在这方面帮助我吗

我在PHP中使用AngularJS，我在一个控制器中创建了两个函数，通过点击按钮一次调用两个函数，你能给我推荐一下方法吗

HTML代码

<html>
    <div ng-controller="get_controller">
        <input type="text" ng-model="accountnumber" name="accountnumber" class="form-control search-query" placeholder="Enter Account Number">
        <span class="input-group-btn">
              <button type="submit" ng-click="sendAccountNumber();geValues()" class="btn btn-primary">Submit</button>
        </span>
    </div>

    <div ng-controller="get_controller">
        <table>
            <tbody>
                <tr>
                    <th ng-repeat="list in personDetails">{{list.Name}}
                    </th>
                </tr>
                <tr>
                    <td class="features" ng-repeat="list in personDetails">{{list.Location}}
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</html>

您可以按照第一次调用的承诺，通过以下方式调用下一个函数调用：

    //First function
    $scope.firstFunction = function(){
        $http({
          method: 'POST',
          url: 'first.php',
          headers: {'Content-Type': 'application/x-www-form-urlencoded'},
          data: data
        }).then(
            function (response) {
                var data = response.data;
                $scope.secondFunction(data);
                // not relevant
            }, function (error) {
                var data = error.data;
                // not relevant
        });
    }
   //Second function
    $scope.secondFunction = function(data)
    {
        $http({
          method: 'POST',
          url: 'second.php',
          headers: {'Content-Type': 'application/x-www-form-urlencoded'},
          data: data
        }).then(
            function (response) {
                var newData = response.data;
                // not relevant
            }, function (error) {
                var newData = error.data;
                // not relevant
        });
    }

并仅在单击按钮时调用一个函数

firstFunction（）

<button type="button" ng-click="firstFunction();" class="btn btn-primary">Submit</button>

提交

仅供参考

我建议使用
```
ng-submit（）
```
event for
```
form
```
来提交表单数据，而不是通过表单的提交事件提交
还有一件事，为什么要请求两个ajax调用？您只能在一次调用中执行这两个服务器端操作

希望这对您有所帮助：）

检查我的答案谢谢！！在我的例子中，我必须对first.php执行POST方法，对second.php执行GET方法。这行吗？您只需要根据需要更改Ajax参数。一切正常吗？您好，我需要将会话从first.php发送到second.php，然后我需要显示second.php的值。我需要使用2 POST操作吗（一个用于将输入字段发送到first.php，另一个用于将first.php发送到second.php）和1 GET（用于从second.php获取值）操作？是的，我尝试了在控制台日志中显示first.php中的值，但不适用于second.php

<button type="button" ng-click="firstFunction();" class="btn btn-primary">Submit</button>