Heim > Backend-Entwicklung > PHP-Tutorial > AJAX PHP 循环之后点击状态更换图片

AJAX PHP 循环之后点击状态更换图片

WBOY
Freigeben: 2016-06-23 14:27:47
Original
952 Leute haben es durchsucht

ajax php javascript

                    foreach ( $account as $key => $value)
         {
    ?> 
 
          
        ');">
          AJAX PHP 循环之后点击状态更换图片 
        

                   }
        else{
        ?>
        ');">
          AJAX PHP 循环之后点击状态更换图片 
        

            
        



function xingxing(id,name){
       $.ajax({
          type: "POST",
          url: "",
          processData: "false",
          data: "n=" + Math.random() + "&fn=" + escape(id) + "&starflag=" + escape(name) + "",
          success: function(msg){
            var msg = $.trim(msg);
            switch (msg){
              case "200":
                 location.replace(location.href);
              case "110":  //重新登录
                location.replace(location.href);
              case "120":  //修改密码
                location.replace(location.href);
                break;
              default:
                alert("失败");
                location.replace(location.href);
              break;
            }
        }
   });
}

------------------------------------------------------------------------------
我的问题是 调用AJAX 之后直接更换图片不需要在从新刷新一次页面,求大虾帮忙,在线等

回复讨论(解决方案)

你不是在 ajax 的返回事件中都 location.replace(location.href); 了吗?
这当然是要刷新页面的

你不是在 ajax 的返回事件中都 location.replace(location.href); 了吗?
这当然是要刷新页面的
----------------------------------------------

可以我屏蔽了下面那就还是会自动刷新

switch 整段删掉

switch 整段删掉
------------------------
嗯  大虾求代码贴出 谢谢!

你不是在 ajax 的返回事件中都 location.replace(location.href); 了吗?
这当然是要刷新页面的
---------------------------------------
注意事项 是
在下面代码是循环显示出内容,点击某一个图片是不是 把ID 也传过去呢,不然点击也没反映
                   foreach ( $account as $key => $value)
         {
    ?> 
 
          
        ');">
          AJAX PHP 循环之后点击状态更换图片 
        

                   }
        else{
        ?>
        ');">
          AJAX PHP 循环之后点击状态更换图片 
        

            
        

你不是在 ajax 的返回事件中都 location.replace(location.href); 了吗?
这当然是要刷新页面的


function xingxing(id,name){
       $.ajax({
          type: "POST",
          url: "",
          processData: "false",
          data: "n=" + Math.random() + "&fn=" + escape(id) + "&starflag=" + escape(name) + "",
          success: function(msg){
            var msg = $.trim(msg);
             $("#img_b").attr("src", "images/star01.gif"); 
        }
   });
}

-----------------------------------
不知道怎么实现了,版主拔刀相助

  $("#img_b").attr("src", "/themes/default/images/star01.gif"); 

你这个img标签的im属性是什么?

  $("#img_b").attr("src", "/themes/default/images/star01.gif"); 

你这个img标签的im属性是什么?

不知道 我把删除掉了

用src的属性替换一般来说是不会出现问题的

如果你这个无法得到正确的结果

先检查下执行到这一句了没 是不是这一句之前有错误

用src的属性替换一般来说是不会出现问题的

如果你这个无法得到正确的结果

先检查下执行到这一句了没 是不是这一句之前有错误
在 更新一条数据的时候,在上面对应这一个ID 是不是 一对一 更新

不知道你要做什么?
既然是用了 jquery,那么就该用 jquery 的传统写法
php 部分

<span  class="img"><img  src="/themes/default/images/star02.gif"   style="max-width:90%"starflag'] == 1? '' : 'none' ? alt="AJAX PHP 循环之后点击状态更换图片" >" name="<?php echo $value['name']?>" id="<?php echo $value['id']?>" /> <img  src="/themes/default/images/star01.gif"   style="max-width:90%"starflag'] == 1? 'none' : '' ? alt="AJAX PHP 循环之后点击状态更换图片" >" name="<?php echo $value['name']?>" id="<?php echo $value['id']?>" /> </span>
Nach dem Login kopieren


js 部分
$(function() {  $(".img").click(function() {    $(this).children().toggle();    $.post("<?php echo base_url('test/fangfa'); ?>",      {        n : Math.random(),        fn : escape($(this).attr('id')),        starflag : escape($(this).attr('name'))      },      function(msg){        //你需要的其他处理      });  });});
Nach dem Login kopieren
用  $.ajax 也是一样

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage