$(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查询中提取它,它从已经拥有数据的数据库中获取值。
答案 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和名称