作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我是一个 ajax 初学者,我在这里尝试使用 Ajax 在同一页面中显示文本框值。
我的 Controller 代码:
<?php
class Merchant extends CI_Controller
{
public function ajaxtest()
{
$this->load->helper('url');
$this->load->view('ajaxtest');
$fullname = $this->input->post("fullname");
echo $fullname;
}
}
?>
这是我的 View 代码:
<head>
<script src="<?php echo base_url();?>assets/js/jquery-latest.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#getinfo").click(function()
{
$.ajax({
type: "POST",
url: "<?php echo base_url(); ?>merchant/ajaxtest",
data: {textbox: $("#fullname").val()},
dataType: "text",
cache:false,
success:
function(data){
$('#mytext').html(data);
}
});
return false;
});
});
</script>
</head>
<body>
<form method="post">
<input type="text" id="fullname"/>
<input type="button" value="getinfo" id="getinfo"/>
<span id="mytext"></span>
</form>
</body>
当我单击按钮 getinfo 时,我想将文本框中的文本显示为跨度文本。但是现在它什么也没显示..
更新:
根据专家的意见,我编辑了一些文本(见我的编辑说明),现在当我点击按钮时,它再次显示一个文本框和一个按钮..!!
最佳答案
您是否在 Javascript 上设置了带有链接的 base_url
变量?因为您的帖子 url 包含此变量,您需要设置它才能使其正常工作。因此,使用 base_url
链接初始化变量。
请参阅下面更正的示例。设置您的域而不是 yourbaseurl.com
<script type="text/javascript">
$(document).ready(function(){
var base_url='http://yourbaseurl.com/index.php/';
$("#getinfo").click(function()
{
$.ajax({
type: "POST",
url: base_url + "merchant/ajaxtest",
data: {textbox: $("#fullname").val()},
dataType: "text",
cache:false,
success:
function(data){
$('#mytext').html(data);
}
});
return false;
});
});
</script>
关于javascript - Jquery Ajax 不适用于 Codeigniter,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34579121/
我是一名优秀的程序员,十分优秀!