Question

我正在.net中设计一个小应用程序，当单击“添加按钮”时，它会动态创建文本框。只要用户点击按钮，网页就会填充文本框。动态创建文本框的代码粘贴在下面。

var newTextBoxDiv = $（document.createElement（'div'）） .attr（“id”，“TextBoxDiv”+计数器）;

newTextBoxDiv.after().html('<label> Phonenumber'+ counter + ' : </label>' +
      '<input type="text" name="textbox' + counter + 
      '" id="textbox' + counter + '" value="" >');

newTextBoxDiv.appendTo("#TextBoxesGroup");


counter++;
 });

所以我的下一个任务是使用在文本框中输入的数据并调用Web服务，以便在输入数据后更新网页。所以，基本上，例如

步骤1：用户点击添加号码按钮添加他们的电话号码

第2步：动态创建文本框

步骤3：用户使用该文本框输入电话号码

步骤4：他在siteB.com上的帐户一旦输入电话号码就会更新。（我想调用WebService（REST）来更新SiteB。（我不知道该怎么做）

Answer 1

我假设你有一个电话号码正则表达式。通过动态添加dom，您可以在函数上使用jquery来检测更改。您可以在下面的事件中进行ajax调用。如果你分享一些额外的代码我可以帮助更好。我认为，这种方法很有效。

function callApi(phoneNumber){
    $.ajax({ 
    type: "POST",
    dataType: "text",
    data : phoneNumber
    url: "http://restapi.com/update",
    success: function(data){        
      alert(data);
    }
   });
}
var phoneRegex = new RegExp('phoneRegex');

$(document).on('keyup','#yourtextboxid or .textboxclass', function() {
var value = $(this).val();   
if (phoneRegex.test(value)) 
{
  callApi(value);
}
});

如何在.Net应用程序中进行Web服务调用

1 个答案: