javascript - 链接到同一页面上的一段代码

Question

假设我必须遵循代码（代码 A）。如果我想将 ajax_image_event.php 页面（代码 B）的代码与此代码（代码 A ）放在同一页面上，我该怎么做？

有没有办法替换 url 以链接到代码 A同一页面上的代码（代码 B） ？

代码 A

$.ajax({
     type:"GET",
     url:"ajax_image_event.php?t=ajax&img="+$("#image_name").val()+"&w="+
     thumb_width+"&h="+thumb_height+"&x1="+x_axis+"&y1="+y_axis,
         cache:false,
         success:function(rsponse)
             {
     $("#cropimage").hide();
     $("#thumbs").html("");
     $("#thumbs").html("<img src='images/"+rsponse+"' />");
     }
 });

Answer 1

你可以做类似的事情

<?php
if( isset($_GET['t']) && $_GET['t']==='ajax' ) {
   // Ajax will execute this code
   exit;
}
// Main page
?>

并在您的 AJAX 代码中使用

url: "?t=ajax&img="+$("#image_name").val()+"&w="+
     thumb_width+"&h="+thumb_height+"&x1="+x_axis+"&y1="+y_axis

然后，您的页面将如下所示：

=== mypage.php（开始）===

<?php

if( isset($_GET['t']) && $_GET['t']==='ajax' ) {

   // Ajax will execute this code

   /*
      ajax_image_event.php code goes here
   */

   exit;
}

// Here starts code executed when mypage.php is not called using ajax

/*
   Some php
*/

?>

<!-- Some HTML -->

<script type="text/javascript">

/*
   Some JS
*/

$.ajax({
     type:"GET",
     url:"?t=ajax&img="+$("#image_name").val()+"&w="+
     thumb_width+"&h="+thumb_height+"&x1="+x_axis+"&y1="+y_axis,
         cache:false,
         success:function(rsponse)
             {
     $("#cropimage").hide();
     $("#thumbs").html("");
     $("#thumbs").html("<img src='images/"+rsponse+"' />");
     }
 });

/*
   Some JS
*/

</script>

<!-- Some HTML -->

=== mypage.php（结束）===