phpajax提交表單
⑴ thinkphp裡面的ajax關於表單提交的寫法
<html>
<head>
<scripttype="text/javascript"src="__PUBLIC__/js/jquery-1.7.1.min.js"></script>
<scripttype="text/javascript">
$(function(){
$('input:button').click(function(){
var$title=$('input[name="title"]').val();
var$message=$('input[name="message"]').val();
$mess=$('#mess');
$.getJSON('__URL__/add',{title:$title,message:$message},function(json){
//alert(json);returnfalse;
if(json.status==1){
$mess.slideDown(3000,function(){
$mess.css('display','block');
}).html('標題為'+json.data.title+'信息為'+json.data.message);
}else{
$mess.slideDown(3000,function(){
$mess.css('display','block');
}).html('信息添加失敗,請檢查');
}
});
})
})
</script>
</head>
<body>
<divstyle="display:none;color:red;"id="mess"></div>
<formaction=""method="get">
標題:<inputtype="text"name="title"/><br/>
信息:<inputtype="text"name="message"/><br/>
<inputtype="button"value="提交"/>
</form>
</body>
</html>
上面是前段代碼
MessageAction.class.php頁面代碼如下:
<?php
{
functionindex(){
$this->display();
}
functionadd(){
//ajaxReturn(數據,'提示信息',狀態)
$m=M('message');
if($m->add($_GET)){
$this->ajaxReturn($_GET,'添加信息成功',1);
}else{
$this->ajaxReturn(0,'添加信息失敗',0);
}
}
}
?>
⑵ php jQuery ajax表單提交
<script type="text/javascript"src="http://code.jquery.com/jquery.min.js"></script>,是引用jquery.min.js這個文件,這個是使用jquery的基礎文件,必須引用,當然你可以自己下載在本地引用;$("#tishi").html(tishi);的意思是把tishi這個變數的值在id為tishi的..控制項上顯示出來..
⑶ 在HTMl中提交表單到PHP,用ajax非同步的方式,求大神
你的問題在於:
1、<input>標簽沒有關閉的寫法,也就是不用</input>
2、move_uploaded_file將你的文件上傳到了uploadpic裡面去了,這個uploadpic應該和你submit2.php同級目錄,如果你創建了uploadpic這個文件夾,並保證了讀寫許可權,那麼將傳到這里,如果沒有讀寫許可權,或者沒有這個文件夾,那麼這個圖片只會在伺服器緩存里呆著,然後被釋放掉,所以你看不到這個文件。
你可以參考下面這個來檢查是不是有文件夾,如果沒有就創建目錄:
if(!empty($_FILES['file']['name'])){
 if(is_dir("uploadpic")){ //如果目錄存在
  //則執行上傳流程
 }else{ //如果目錄不存在
  mkdir("uploadpic"); //則創建目錄
  //再執行上傳流程
 }
⑷ PHP jquery ajax 提交表單不跳轉 直接輸出更新
<input type='submit' id='save' name='save' onclick='' /> 你把type='submit' 改為 type='button' 就不跳轉了啊! submit為form表單的提交! 還有,submit的優先順序高於onclick!
⑸ ThinkPHP使用Ajax提交表單URL如何設置
默認的操作需要獲取數據列表,關鍵代碼:
    public function index() {
        $Form = M("Form");
        // 按照id排序顯示前5條記錄
        $list = $Form->order('id desc')->limit(5)->select();
        $this->list =   $list;
        $this->display();
    }
檢測標題的Ajax響應操作是checkTitle操作方法:
    public function checkTitle($title='') {
        if (!empty($title)) {
            $Form = M("Form");
            if ($Form->getByTitle($title)) {
                $this->error('標題已經存在');
            } else {
                $this->success('標題可以使用!');
            }
        } else {
            $this->error('標題必須');
        }
    }
⑹ PHP如何接收ajax非同步提交的表單
首先看你Ajax是通過哪種提交方式提交的,比如說你設置的Ajax是通過post方式提交的 那後台PHP直接就通過$_post['']獲取到傳過來的值 關於你說的這個非同步上傳 最好是使用一些插件 我之前用過一個jQuery的非同步上傳的插件不錯 我這里也有源碼 http://blog.sina.com.cn/s/blog_49b531af0100gp4h.html 這個是我的博客 上面寫的很詳細 另外那個插件我也也有 給分我傳你郵箱
⑺ PHP中一個form表單用ajax實現提交之後,怎麼恢復到以前的狀態
$(form).trigger('reset');
在function裡面用這句就可以了,trigger('reset')
觸發form的reset[重置]事件相當於點擊reset按鈕。
⑻ ajax提交表單文件,判斷文件大小,類型,PHP後台
您好,第一步,創建一個表單HTML頁面 
這里,我們只展示主要的表單部分HTML結構代碼: 
復制代碼代碼如下:
<div id="contact_form"> 
<form name="contact" method="post" action=""> 
<fieldset> 
<label for="name" id="name_label">姓名</label> 
<input type="text" name="name" id="name" size="30" value="" class="text-input" /> 
<label class="error" for="name" id="name_error">此項必填</label> 
<label for="email" id="email_label">您的Email</label> 
<input type="text" name="email" id="email" size="30" value="" class="text-input" /> 
<label class="error" for="email" id="email_error">此項必填</label> 
<label for="phone" id="phone_label">您的聯系電話</label> 
<input type="text" name="phone" id="phone" size="30" value="" class="text-input" /> 
<label class="error" for="phone" id="phone_error">此項必填</label> 
<br /> 
<input type="submit" name="submit" class="button" id="submit_btn" value="我要發送" /> 
</fieldset> 
</form> 
</div> 
幾點注意: 
這里用一個id為contact_form來包含整個包含信息;這是有意義的,稍後在JavaScript與用戶交互信息的時候會用到。 
大家應該注意到了,這里form標簽的屬性裡面既包含了method和action;這個意義其實不大,因為Javascript直接操作DOM,所以沒有這兩個屬性也是可以的; 
務必要給用戶輸入的<input>標簽加獨立的id,這和第二點原理類似。否則,無法看到正常的效果。 
第二步,開始添加JQuery代碼 
這里假設你已經從JQuery官方網站上下載了JQuery基庫,然後上傳到了你的WEB伺服器,並添加到你要使用的網頁中了。 
現在另外新建一個JS文件,添加如下代碼: 
復制代碼代碼如下:
$(function() { 
$(".button").click(function() { 
// 處理表單驗證和交給後台處理的邏輯 
}); 
}); 
第一行的function()函數與Jquery的document.ready函數用法和功能相同,都是在DOM准備完畢後自動觸發。
第二行裡面是一個單擊觸發函數click(),需要注意的是,在HTML一頁提交按鈕上需要放置一個名為「button」的Class,以模擬實現submi提交表單的功能. 
從第二點我們可以看出,JQuery可以很好的將結構和邏輯分離。 
第三步,編寫驗證代碼 
在實際應用中,這一步是必不可少的。在用戶漏填,錯填某個項目時,及時提示。 
復制代碼代碼如下:
$(function() { 
$('.error').hide(); 
$(".button").click(function() { 
// 驗證代碼 
$('.error').hide(); 
var name = $("input#name").val(); 
if (name == "") { 
$("label#name_error").show(); 
$("input#name").focus(); 
return false; 
} 
var email = $("input#email").val(); 
if (email == "") { 
$("label#email_error").show(); 
$("input#email").focus(); 
return false; 
} 
var phone = $("input#phone").val(); 
if (phone == "") { 
$("label#phone_error").show(); 
$("input#phone").focus(); 
return false; 
} 
}); 
}); 
幾點注意: 
第2行,我們添加一個$('.error').hide()是為了在用戶未輸入任何信息時隱藏三個class="error"提示錯誤的label標簽。而只有當出現錯誤,即為空時,錯誤才會出現。(因為有return false的作用,每次僅會出現一個錯誤)
在JQuery裡面,獲取DOM中某個ID或者Class的值非常簡單 
復制代碼代碼如下:
//獲取id的值 
var name = $("input#name").val(); 
//獲取class序號為1的值 
var name = $(".name")[1].val(); 
現假設用戶沒有輸入姓名,處理邏輯應該是:首先顯示錯誤,然後將焦點定位在姓名上。 
if (name == "") { //用戶名為空 
$("label#name_error").show(); //錯誤提示 
$("input#name").focus(); //焦點定位 
return false; //返回 
} 
在必填的欄位上驗證時,都必須return false,否則會出現必填項未填完即提交的情況。 
第四步,通過Jquery的Ajax函數提交表單信息。 
這是本教程實現無刷新提交的核心步驟,通過ajax函數來遞交javascript從DOM中獲取的表單項值,然後非同步提交給後台處理程序(process.php),並發送Email。此步緊接在驗證程序之後: 
復制代碼代碼如下:
var dataString = 'name='+ name + '&email=' + email + '&phone=' + phone; 
//alert (dataString);return false; 
$.ajax({ 
type: "POST", 
url: "bin/process.php", 
data: dataString, 
success: function() { 
$('#contact_form').html("<div id='message'></div>"); 
$('#message').html("<h2>聯系方式已成功提交!</h2>") 
.append("<p>Script by Code52.net</p>") 
.hide() 
.fadeIn(1500, function() { 
$('#message').append("<img id='checkmark' src='images/check.png' />"); 
}); 
} 
}); 
return false; 
以上代碼的核心函數是.ajax() ,它所起得作用就是使用POST方式將已經獲取的表單信息(dataString)非同步傳送給所定義的後台PHP url(bin/process.php)。如果數據成功傳送,它會將一系列我們定義好的信息返回給用戶。最後return false,這樣是為了防止頁面重新載入。 
除了返回成功信息和發送郵件外,我們還可以做其他一些更廣泛的事情。比如,將獲得的數據交由後台腳本處理時,將數據插入資料庫中,然後再將用戶提交的信息返回。 
詳細解釋: 
首先,獲取表單項的值,方法我們已經在第三步中提到過了: 
var name = $("input#name").val(); 
var email = $("input#email").val(); 
var phone = $("input#phone").val(); 
//將表單項的值組合成一個字元串 
var dataString = 'name='+ name + '&email=' + email + '&phone=' + phone; 
將此組合字元串的值通過AJAX函數傳遞給後台url,如果成功,則會返回成功信息給用戶: 
復制代碼代碼如下:
$.ajax({ 
type: "POST", 
url: "bin/process.php", 
data: dataString, 
success: function() { 
$('#contact_form').html("<div id='message'></div>"); 
$('#message').html("<h2>Contact Form Submitted!</h2>") 
.append("<p>We will be in touch soon.</p>") 
.hide() 
.fadeIn(1500, function() { 
$('#message').append("<img id='checkmark' src='images/check.png' />"); 
}); 
} 
}); 
return false; 
在本示例中,ajax函數的功能就只有這些了,如果你需要進一步關於ajax函數的信息,可以參考官方文檔:jQuery's documentation on the ajax function 
第五步,反饋信息給用戶的部分 
首先,在信息提交成功之後,JQuery會通過以下部分動態的替換掉<div id="contact_form"></form>中的內容,只需要簡單的一句話即可實現。 
$('#contact_form').html("<div id='message'></div>"); 
所以請大家記住,如果你以後需要通過JavaScript動態的替換掉某個層或者<span>,可以使用Jquery的.html方法實現,非常簡單和方便。 
其次,有了這個層肯定還不夠,因為裡面還沒有內容,所以,我們還要給id=message的這個層添加一些顯示內容: 
$('#message').html("<h2>聯系方式已成功提交!</h2>") 
同樣是動態的為id為message的層添加了一段html用於提示。還可以利用append方法在message層中追加一句: 
.append("<p>We will be in touch soon.</p>") 
最後,為了表現出提交之後,伺服器處理的動態效果,我們設置了以下特效代碼: 
.hide() //整個層消失 
.fadeIn(1500, function() {//在1500毫秒內逐漸出現 
//最後再動態追加一個成功圖標 
$('#message').append("<img id='checkmark' src='images/check.png' />"); 
});
⑼ php如何接收ajax提交表單的的數據
你這樣寫是對的,然後用對應的post或get下載就可以了。
希望我的回答可以幫到你,有什麼不懂可以追問。
⑽ ajax form提交至php怎麼處理
<script type="text/javascript"src="code.jquery.com/jquery.min.js"></script>,是引用jquery.min.js這個文件,這個是使用jquery的基礎文件,必須引用,當然你可以自己下載在本地引用;$("#tishi").html(tishi);的意思是把tishi這個變數的值在id為tishi的..控制項上顯示出來..
