Maison > développement back-end > tutoriel php > AJAX PHP 循环之后点击状态更换图片

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

WBOY
Libérer: 2016-06-23 14:27:47
original
934 Les gens l'ont consulté

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>
Copier après la connexion


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){        //你需要的其他处理      });  });});
Copier après la connexion
用  $.ajax 也是一样

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal