如何使用ajax从数据库中提供值

时间:2016-08-07 10:35:15

标签: jquery ajax codeigniter

$(document).ready(function() {
    $(".submit").click(function(event) {
        event.preventDefault();
        var user_name = $("input#name").val();
        var password = $("input#pwd").val();
        jQuery.ajax({
            type: "POST",
            url: "<?php echo base_url(); ?>" + "index.php/ajax_post_controller/user_data_submit",
            dataType: 'json',
            data: {
                name: user_name,
                pwd: password
            },
            success: function(res) {
                if (res) {
                    // Show Entered Value
                    jQuery("div#result").show();
                    jQuery("div#value").html(res.name);
                    jQuery("div#value_pwd").html(res.pwd);
                }
            }
        });
    });
});

// the function of controller that the url: contains
public function user_data_submit() {
    $data = array(
        'username' => $this - > input - > post('name'),
        'pwd' => $this - > input - > post('pwd')
    );
    echo json_encode($data);
}

代码用于从输入字段中获取值,并根据id将其提供给html。但我的问题是我需要从select查询中提取它,它从已经拥有数据的数据库中获取值。

1 个答案:

答案 0 :(得分:0)

https://openenergymonitor.org/emon/node/107    

 $(function () 
 {
//-----------------------------------------------------------------------
// 2) Send a http request with AJAX http://api.jquery.com/jQuery.ajax/
//-----------------------------------------------------------------------
$.ajax({                                      
  url: 'api.php',                  //the script to call to get data          
  data: "",                        //you can insert url argumnets here to pass to api.php
                                   //for example "id=5&parent=6"
  dataType: 'json',                //data format      
  success: function(data)          //on recieve of reply
  {
    var id = data[0];              //get id
    var vname = data[1];           //get name
    //--------------------------------------------------------------------
    // 3) Update html content
    //--------------------------------------------------------------------
    $('#output').html("<b>id: </b>"+id+"<b> name: </b>"+vname); //Set output element html
    //recommend reading up on jquery selectors they are awesome 
    // http://api.jquery.com/category/selectors/
  } 
});
 }); 
 </script>

这不是基于我的问题的edxact答案,但它完全类似于我想要的答案,即从数据库中获取id和名称