หน้าเว็บ

วันพุธที่ 12 มีนาคม พ.ศ. 2557

jQuery : ส่งข้อมูลส่งข้อมูลจาก HTML form ผ่าน jQuery ไปหา PHP

การส่งข้อมูลจาก HTML form ผ่าน jQuery ไปหา PHP ทำได้ดังนี้
[u]HTML[/u] :
[code=html]<form id="myform" class="myform" method="post" name="myform">
<textarea id="myField" type="text" name="myField"></textarea>
<input type="checkbox" name="myCheckboxes[]" id="myCheckboxes" value="someValue1" />
<input type="checkbox" name="myCheckboxes[]" id="myCheckboxes" value="someValue2" />
<input id="submit" type="submit" name="submit" value="Submit" onclick="return submitForm()" />
</form>
 <div id="myResponse"></div>[/code]

[u]jQuery[/u] :
[code=js]function submitForm() {
var form = document.myform;

var dataString = $(form).serialize();

$.ajax({
    type:'POST',
    url:'myurl.php',
    data: dataString,
    success: function(data){
        $('#myResponse').html(data);
    }
});
return false;
}[/code]

ไม่มีความคิดเห็น:

แสดงความคิดเห็น