使用jquery和codeigniter重新加载验证码图像
我想在我的验证码图像旁边有一个重新加载按钮，用codeigniter中的jquery重新加载它。我在网上搜索，想找到解决办法，但我发现的一切都让我困惑 这是我的控制器：使用jquery和codeigniter重新加载验证码图像,jquery,codeigniter,captcha,Jquery,Codeigniter,Captcha,我想在我的验证码图像旁边有一个重新加载按钮，用codeigniter中的jquery重新加载它。我在网上搜索，想找到解决办法，但我发现的一切都让我困惑 这是我的控制器： function create_captcha() { $expiration = time()-300; // Two hour limit $this->db->query("DELETE FROM captcha WHERE cap
function create_captcha()
{
$expiration = time()-300; // Two hour limit
$this->db->query("DELETE FROM captcha WHERE captcha_time < ".$expiration);
$vals = array(
//'word' => 'Random word',
'word_length' => 4,
'img_path' => './uploads/captcha/',
'img_url' => base_url().'uploads/captcha/',
'font_path' => './system/fonts/texb.ttf',
'img_width' => '110',
'img_height' => '30',
'expiration' => '3600'
);
$cap = create_captcha($vals);
//puts in the db
$captchadata = array(
'captcha_id' => '',
'captcha_time' => $cap['time'],
'ip_address' => $this->input->ip_address(),
'word' => $cap['word']
);
$query = $this->db->insert_string('captcha', $captchadata);
$this->db->query($query);
if(!empty($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') echo $cap['image'];
else return $cap['image'];
函数创建\u验证码（）
{
$expiration=time（）-300；//两小时限制
$this->db->query（“从验证码中删除，其中验证码时间<”$expiration）；
$VAL=数组(
//“单词”=>“随机单词”，
“字长”=>4，
'img_path'=>'/上传/验证码/'，
'img_url'=>base_url（）.'uploads/captcha/'，
'font_path'=>'/system/fonts/texb.ttf'，
'img_width'=>'110'，
“img_高度”=>“30”，
“到期日”=>“3600”
);
$cap=创建验证码（$VAL）；
//放入数据库
$captchadata=数组(
“验证码id'=>”，
“验证码时间”=>$cap[“时间”]，
“ip地址”=>this->input->ip地址（），
'word'=>$cap['word']
);
$query=$this->db->insert_字符串（'captcha'，$captchadata）；
$this->db->query（$query）；
如果（！empty（$_SERVER['HTTP\u X_REQUESTED_WITH']）=='xmlhttprequest'）echo$cap['image']；
否则返回$cap['image']；
<div class="captcha-area">
<? echo form_input('captcha', '', 'class="field text captcha"')?>
<div id="cap-img">
<? echo $image;?>
</div>
<a title="reload" class="reload-captcha" href="#"><img src="<? echo base_url(); ?>images/reload.png" /></a>
<div class="clear"></div>
</div>
<script>
$(function(){
var base_url = '<?php echo base_url(); ?>';
$('.reload-captcha').click(function(event){
event.preventDefault();
$('.captcha-img').attr('src', base_url+'dashboard/create_captcha?'+Math.random());
});
});
</script>
附加您的控制器名称
并使用类似的ajax
$(function(){
var base_url = '<?php echo base_url(); ?>';
$('.reload-captcha').click(function(event){
event.preventDefault();
$.ajax({
url:base_url+'dashboard/create_captcha?'+Math.random(),
success:function(data){
$('.captcha-img').attr('src', data);
}
});
});
});
$（函数（）{
var base_url=''；
$（'.reload captcha'）。单击（函数（事件）{
event.preventDefault（）；
$.ajax({
url:base_url+'dashboard/create_captcha？'+Math.random（），
成功：功能（数据）{
$（'.captcha img'）.attr（'src'，数据）；
}
});
});
});
附加您的控制器名称
并使用ajax
类似
$(function(){
var base_url = '<?php echo base_url(); ?>';
$('.reload-captcha').click(function(event){
event.preventDefault();
$.ajax({
url:base_url+'dashboard/create_captcha?'+Math.random(),
success:function(data){
$('.captcha-img').attr('src', data);
}
});
});
});
$（函数（）{
var base_url=''；
$（'.reload captcha'）。单击（函数（事件）{
event.preventDefault（）；
$.ajax({
url:base_url+'dashboard/create_captcha？'+Math.random（），
成功：功能（数据）{
$（'.captcha img'）.attr（'src'，数据）；
}
});
});
});
附加您的控制器名称
并使用ajax
类似
$(function(){
var base_url = '<?php echo base_url(); ?>';
$('.reload-captcha').click(function(event){
event.preventDefault();
$.ajax({
url:base_url+'dashboard/create_captcha?'+Math.random(),
success:function(data){
$('.captcha-img').attr('src', data);
}
});
});
});
$（函数（）{
var base_url=''；
$（'.reload captcha'）。单击（函数（事件）{
event.preventDefault（）；
$.ajax({
url:base_url+'dashboard/create_captcha？'+Math.random（），
成功：功能（数据）{
$（'.captcha img'）.attr（'src'，数据）；
}
});
});
});
附加您的控制器名称
并使用ajax
类似
$(function(){
var base_url = '<?php echo base_url(); ?>';
$('.reload-captcha').click(function(event){
event.preventDefault();
$.ajax({
url:base_url+'dashboard/create_captcha?'+Math.random(),
success:function(data){
$('.captcha-img').attr('src', data);
}
});
});
});
$（函数（）{
var base_url=''；
$（'.reload captcha'）。单击（函数（事件）{
event.preventDefault（）；
$.ajax({
url:base_url+'dashboard/create_captcha？'+Math.random（），
成功：功能（数据）{
$（'.captcha img'）.attr（'src'，数据）；
}
});
});
});
我稍微修改了Ruhan Kumar的代码，可以得到令人满意的代码：
<script>
$(function(){
var base_url = '<?php echo base_url(); ?>';
$('.reload-captcha').click(function(event){
event.preventDefault();
$.ajax({
url:base_url+'admin/dashboard/create_captcha',
success:function(data){
$('.captcha-img').replaceWith(data);
}
});
});
});
</script>
$（函数（）{
var base_url=''；
$（'.reload captcha'）。单击（函数（事件）{
event.preventDefault（）；
$.ajax({
url:base_url+“管理员/仪表板/创建验证码”，
成功：功能（数据）{
$（'.captcha img'）。替换为（数据）；
}
});
});
});
我稍微修改了Ruhan Kumar的代码，可以得到令人满意的代码：
<script>
$(function(){
var base_url = '<?php echo base_url(); ?>';
$('.reload-captcha').click(function(event){
event.preventDefault();
$.ajax({
url:base_url+'admin/dashboard/create_captcha',
success:function(data){
$('.captcha-img').replaceWith(data);
}
});
});
});
</script>
$（函数（）{
var base_url=''；
$（'.reload captcha'）。单击（函数（事件）{
event.preventDefault（）；
$.ajax({
url:base_url+“管理员/仪表板/创建验证码”，
成功：功能（数据）{
$（'.captcha img'）。替换为（数据）；
}
});
});
});
我稍微修改了Ruhan Kumar的代码，可以得到令人满意的代码：
<script>
$(function(){
var base_url = '<?php echo base_url(); ?>';
$('.reload-captcha').click(function(event){
event.preventDefault();
$.ajax({
url:base_url+'admin/dashboard/create_captcha',
success:function(data){
$('.captcha-img').replaceWith(data);
}
});
});
});
</script>
$（函数（）{
var base_url=''；
$（'.reload captcha'）。单击（函数（事件）{
event.preventDefault（）；
$.ajax({
url:base_url+“管理员/仪表板/创建验证码”，
成功：功能（数据）{
$（'.captcha img'）。替换为（数据）；
}
});
});
});
我稍微修改了Ruhan Kumar的代码，可以得到令人满意的代码：
<script>
$(function(){
var base_url = '<?php echo base_url(); ?>';
$('.reload-captcha').click(function(event){
event.preventDefault();
$.ajax({
url:base_url+'admin/dashboard/create_captcha',
success:function(data){
$('.captcha-img').replaceWith(data);
}
});
});
});
</script>
$（函数（）{
var base_url=''；
$（'.reload captcha'）。单击（函数（事件）{
event.preventDefault（）；
$.ajax({
url:base_url+“管理员/仪表板/创建验证码”，
成功：功能（数据）{
$（'.captcha img'）。替换为（数据）；
}
});
});
});
#您可以使用ajax和javascript重新加载img查看我的代码
#您必须在CI根文件夹中创建文件夹captcha
#文件夹对777或666的captcha权限意味着（全部读取、写入）
#然后看起来像ci/captcha
#然后看起来像ci/应用程序
我的html.php视图
函数postRequest（strURL）
{
var-xmlHttp；
if（window.XMLHttpRequest）//Mozilla、Safari。。。
{
var xmlHttp=new XMLHttpRequest（）；
}
else if（window.ActiveXObject）//IE
{
var xmlHttp=newActivexObject（“Microsoft.xmlHttp”）；
}
其他的
{
警报（“您的浏览器不支持AJAX”）；
返回；
}
open（'POST'，strURL，true）；