iT邦幫忙

0

ajax 詭異的現象?

  • 分享至 

  • xImage
<form method="post" name="form" id="form" enctype="multipart/form-data">
  <textarea name="post" rows="3" maxlength="100"  id="post"></textarea></td>
  	           
  <input type="file" name="myFile">
                 
  <button type="submit" id="post_btn">發佈</button> <span id="show"></span>
</form>
              
$("#post_btn").click(function(e){
	 e.preventDefault();

if (post.value=='')
{
  post.focus();
  document.getElementById("show").innerHTML = "勿為空";
  return (false);
}
else
{
  var timelinedata = new FormData($("#form")[0]);
	
  $.ajax({
  type:"POST",
  url:"ing",
  data: timelinedata,
  cache: false,
  contentType: false,
  processData: false,
  success:function(data){
  $("#show").html(data);
    }
  });
}
	
});

ing

$post = htmlspecialchars(preg_replace("/[\'\"]+/" , '' ,$_POST['post']),ENT_QUOTES);
$addtime = time();
		  
$SQL_RE = mysql_query("SELECT * FROM `xxx`
WHERE `post` = '".$post."'
");	

if(mysql_num_rows($SQL_RE)==0)
{
  $allowTime = 60; 
  $allowT = md5();
   if (time() - $_SESSION[$allowT] > $allowTime)
   {
    $_SESSION[$allowT] = time(); 
		  
    $sql = mysql_query("INSERT INTO `xxx`
    (`post`,`id`,`addtime`)
    VALUES
    ('".$post."','".$_SESSION['userid']."','".$addtime."') 
  	  ");

    echo '已發佈';
   }
   else
   {
    echo '過於頻繁,請稍候';
		  
	  
   }
}
else
{
 echo '你發佈了相同的內容';
}

首先因為可以上傳圖片
所以好像必須要加上 enctype="multipart/form-data" 跟ajax裡面的

contentType: false,
processData: false,

我把ing裡面的上傳圖片的判斷拿掉因為我試過了跟這個沒有關係
問題來了
如同我的ing裡面的判斷
以下是我描述發生的情形(火狐也一樣):

我發表了一個叫000的post
他會在#show出現:已發佈
然後下一秒變成:你發佈了相同的內容
好 然後我再按一次發佈 (內容一樣是000)
此時出現"你發佈了相同的內容" 這個正確
但這時候突然網頁會完全不動大概3秒左右之後才有反應(有沒有反應的判斷當我移至滑鼠會出現手掌 因為我有css加上cursor:pointer所以這樣能判斷網頁有沒有反應)
然後我再按一次發佈(內容一樣是000),狀況依然如上一行
此時呢我內容變成00000按發佈後成功發出去
但是一樣會在#show出現:已發佈
然後下一秒變成:你發佈了相同的內容
然後網頁又卡了3秒左右.....

所以我不懂是甚麼原因導致這種情形?
我覺得跟

contentType: false,
processData: false,

關係很大
然後我把它拿掉之後就無法成功success了
好像跟上傳圖片有關係
因為如果不用上傳圖片只要簡單的表單輸出是沒問題的
然後這個寫法是我去stackoverflow爬文的結果
就像這樣:http://stackoverflow.com/questions/21044798/how-to-use-formdata-for-ajax-file-upload
恩....很好奇難道他們不會有這種情形嗎?
是這個寫法是錯了嗎?有其他可以直接抓到from所有值的方法嗎?包括圖片上傳?

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

1
炎之虛空
iT邦高手 3 級 ‧ 2016-09-17 22:37:55
最佳解答
$SQL_RE = mysql_query("SELECT * FROM `xxx`
WHERE `post` = '".$post."'
");

改成

$SQL_RE = mysql_query("SELECT * FROM `xxx`
WHERE `post` like '%".$post."%'");

不過說真的不建議用 * 撈出全部東西

而且建議使用 ORM library的方式進行資料處理比較好,免得被炸到體無完膚

火爆浪子 iT邦研究生 1 級 ‧ 2016-09-17 23:06:54 檢舉

如果不用*該怎麼改才對?

tzuchin iT邦新手 5 級 ‧ 2016-09-17 23:32:29 檢舉

看你需要那些欄位,就寫上那些欄位,如果只需要id,就寫 SELECT id FROM table

火爆浪子 iT邦研究生 1 級 ‧ 2016-09-18 11:15:32 檢舉

那要如何印出來呢

我要發表回答

立即登入回答