Question

我计划将我的文字内容发布到http://language.cs.usm.my/synthesis/read.php表单的textarea，这是第三方网页，下面是我从网址获取的表单。

  <form method="post" action="">
 <p>Key in sentences in Malay. </p> 
 <textarea name="malayText" rows="4" cols="100">Malaysia ialah sebuah negara raja berperlembagaan persekutuan di Asia Tenggara yang terdiri daripada 13 negeri dan tiga wilayah persekutuan. Ia menduduki bumi berkeluasan 329,847 kilometer persegi.</textarea>
 <input type="submit" value="OK" name="submit" />
  </form>

我用来发布数据的方法如下：

$scope.AudioCont = function(){
        var req = $http({
                 method: 'POST',
                 url: 'http://language.cs.usm.my/synthesis/read.php',
                 data:{
                     test:"Nama saya ialah Ali"
                 }
        })
        .then(
            function (response) {
            alert("The data has been posted");
            console.log(response);
        },
        function () {
            alert("Failed to post!");
        })
    }

如何用我的数据替换现有textarea中的内容？谢谢

Answer 1

您必须在输入或textarea

上添加ng-model

  <form method="post" action="">
     <p>Key in sentences in Malay. </p> 
     <textarea name="malayText" rows="4" cols="100" ng-model="yourtextarea"></textarea>
     <input type="submit" value="OK" name="submit" />
  </form>

并在控制器中为他提供$scope.yourVarName

$scope.yourtextarea ;
$scope.AudioCont = function(){

    var req = $http({
             method: 'POST',
             url: 'http://language.cs.usm.my/synthesis/read.php',
             data:{
                 test:$scope.yourtextarea
             }
    })
    .then(
        function (response) {
        alert("The data has been posted");
        console.log(response);
    },
    function () {
        alert("Failed to post!");
    })
}

Answer 2

您需要使用ng-model

 <textarea name="malayText" rows="4" cols="100" ng-model="malayText">

然后您可以在控制器中轻松访问它

var req = $http({
             method: 'POST',
             url: 'http://language.cs.usm.my/synthesis/read.php',
             data:{
                 test: $scope.malayText
             }

Answer 3

我使用ajax方法解决此问题，在执行POST操作时自动提交表单。以下是我的代码和解决方案：

$.ajax({
        type: 'POST',
        url: 'your url',
        data: {'submit': 'submit', 'malayText' : "data that wish to POST"}, // you can use as much as data you want to send,
        dataType: 'JSON' // so you can use the json_encode php function
        });

如何使用http.post方法替换或更新textarea中的现有内容？

3 个答案: