weixin_33712987 2016-05-17 22:55 采纳率: 0%
浏览 95

Ajax-如何获取数据

I am stuck on trying to fetch data using AjAX. Below is the code for a HTML form that has an input value. The data value gets pushed to a python handler via a submit button. On the server side, the python handler stores the data in the database.

Now I need to fetch the data from the database first via AJAX and display if there is an existing value. The data consists of a "yes or no" status, so pretty simple. But I don't know how to fetch the data using ajax, and properly set the input value based on data fetched. The question, how would I call a handler via Ajax to return a value?

<html>
<script language="javascript" src="https://code.jquery.com/jquery-1.11.1.min.js" type="text/javascript"></script>

<script language="javascript" type="text/javascript">

send_data = function(status) {

    $.ajax({
            url: "/Subscription",
            dataType: "json",
            data: {'status' : status},
            type: "POST",
            cache: false

    }).done(function(data, status, xml) {

         var obj = jQuery.parseJSON(data);
         alert(obj.success);

    }).fail(function(jqXHR, textStatus, errorThrown) {

    }).always(function() {

    });

}


$(document).ready(function() {

  $("#subscription").submit(function() {
    send_data($("#switch-1").prop('checked') ? 'yes' : 'no');
      return false;
  });

});
</script>

</head>
<body>
    
<form id="subscription" action="" method="post">
    <label  class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="switch-1">
    <input type="checkbox" id="switch-1" class="mdl-switch__input" id="status" name="status" />
    <span class="mdl-switch__label">blemtorp@google.com subscription status is: << subscription >> </span>
    <input type="submit" value="Submit" /></label>
</form>
</body>
</html>

Thanks so much. Any hints will be so helpful.

</div>
  • 写回答

2条回答 默认 最新

  • weixin_33670786 2016-05-17 23:09
    关注

    To perform an asynchronous call based on user input, you have to make the request and then explicitly specify which actions you want to perform in the request is successful, fails, etc.

    For example:

    function send_data(shouldRequest, successCallback) {
    
      // if ...prop('checked'), run ajax request
      if (shouldRequest) {
        $.ajax({
          url: "/Subscription",
          dataType: "json",
          data: {'status' : status},
          type: "POST",
          cache: false
        }).done(function(data, status, xml) {
    
          // when request completes, run callback function
          successCallback(data);
        });
      }
    
    }
    
    $("#subscription").submit(function() {
      var checked = $("#switch-1").prop('checked');
    
      var successCallback = function(data) {
        // perform success actions on data here
      }
    
      send_data(checked, successCallback);
    });
    

    If you pass successCallback to the send_data function, you can run the function only when the asynchronous call has successfully completed. You can also pass in other functions to handle errors, etc.

    You can additionally pass in other functions to handle different results from your ajax request, like a function to handle errors.

    评论

报告相同问题?

悬赏问题

  • ¥15 Arcgis相交分析无法绘制一个或多个图形
  • ¥15 seatunnel-web使用SQL组件时候后台报错,无法找到表格
  • ¥15 fpga自动售货机数码管(相关搜索:数字时钟)
  • ¥15 用前端向数据库插入数据,通过debug发现数据能走到后端,但是放行之后就会提示错误
  • ¥30 3天&7天&&15天&销量如何统计同一行
  • ¥30 帮我写一段可以读取LD2450数据并计算距离的Arduino代码
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型
  • ¥15 vs2019中数据导出问题
  • ¥20 云服务Linux系统TCP-MSS值修改?
  • ¥20 关于#单片机#的问题:项目:使用模拟iic与ov2640通讯环境:F407问题:读取的ID号总是0xff,自己调了调发现在读从机数据时,SDA线上并未有信号变化(语言-c语言)