如何在不刷新页面的情况下将 onclick 函数值传递给 ajax post 方法？答案

【问题标题】：How to pass onclick function values to ajax post method without refresh page?如何在不刷新页面的情况下将 onclick 函数值传递给 ajax post 方法？
【发布时间】：2018-09-19 05:45:44
【问题描述】：

这是我的点击功能。当我点击它时，php 值应该保存在数据库中。

<div class="startup-like">
<label class="toggler toggler-danger">
<input type="checkbox"     onclick="return favadd(<?php echo $favblogid;?>,<?php echo $b;?>,<?php echo $type_id;?>,<?php echo $lang_id;?>);">
<i class="fa fa-bookmark" title="Save" id="toptip"></i>
</label>
</div>

这是我的 onclick 函数脚本。

 <script>
     function favadd(val,val2,val3,val4)
     {

         var blog_id=val;
        var userid=val2;
       var catid=val3;
        var lang=val4;

         $.ajax({
           type: "POST",
           url: "startuparticle_save.php",

             data: {
             fav_blogid: blog_id,
           fav_user_id: userid,
              cat_id:catid,
              langid:lang

             },
           success: function (value) {

         }
         });

     }
  </script>

我想在不刷新页面的情况下传递值。

【问题讨论】：

我认为这段代码不会刷新您的页面。这个函数里还有其他代码吗？

标签： javascript php ajax

【解决方案1】：

<script>
 function favadd(val,val2,val3,val4)
 {

     var blog_id=val;
    var userid=val2;
   var catid=val3;
    var lang=val4;

     $.ajax({
       type: "POST",
       url: "startuparticle_save.php",

         data: {
         fav_blogid: blog_id,
       fav_user_id: userid,
          cat_id:catid,
          langid:lang

         },
       success: function (value) {
       "$("#your div id").load(" #your div id> ");"
     }
     });

 }
</script>

【讨论】：

【解决方案2】：

<script type="text/javascript">
$("#MyButton").click(function() {
    alert('clicked')
    $("#refresh_div").load(" #refresh_div> *`enter code here`");
  }); 
</script>

【讨论】：

我可以吗