通过ajax get和post数据访问数据接口的方法

张军勇 · 发表于 2020-5-24 09:47:07

1、用Get访问数据接口获取值：以下代码通过ajax调用服务端数据接口的方法，通过访问服务名称和命令号，获取服务端扩展命令返回的数据，将结果插入到info中显示。

var url='Handler/WebHandler.ashx?QNAME=MY_SERVICE&CMD=1000';

$(document).ready(function(){
  $("#button1").click(function(){
$.get(url,function(data,status){
      $('#info').html(data);
   alert("数据：" + data + "\n状态：" + status);
});
  });
});

2、post表单：
采用form POST的方法提交数据到服务端的数据扩展服务进行处理，并将结果插入到info中显示。
      var url='Handler/WebHandler.ashx?QNAME=MY_SERVICE&CMD=1002';

      var options = {
      url:url,
      type:'POST',
      success: function(msg){$('#info').html(msg);} //显示操作提示
      };
      $('#form1').ajaxSubmit(options);

服务端获取数据，其中Text1,Text2,Textarea1分别是表单中控件名称，后台可以通过“名称_FORM”获取form表单中控件的值。

         Dictionary<string, object> dic = cmd.CommandData as Dictionary<string, object>;
         string txt1 = dic["TEXT1_FORM"].ToString();
         string txt2 = dic["TEXT2_FORM"].ToString();
         string txt3 = dic["TEXTAREA1_FORM"].ToString();
      return "成功。";

数据接口可以用于b/s或者手机端的开发。