如何使用http.post方法替换或更新文本区域中的现有内容

How to replace or update existing content in textarea by using http.post method?

本文关键字：区域 文本 更新 http 何使用 post 方法 替换      更新时间：2023-09-26

我计划将文本内容发布到http://language.cs.usm.my/synthesis/read.php表单的文本区域是第三方网页，下面是我从URL中获得的表单。

  <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!");
        })
    }

如何用我的数据替换现有文本区域中的内容？感谢

您必须在输入或文本区域上添加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!");
    })
}

您需要使用ng模型

 <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
             }

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

$.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
        });
相关文章：