PHP用JS 提交表单 提交到当前页面但是不刷新当前页面 有什么办法? 最好给出代码!~

PHP用JS 提交表单 提交到当前页面但是不刷新当前页面 有什么办法? 最好给出代码!~,第1张

可以用ajax提交表单的

var http_request = false

function send_request(url) {//初始化、指定处理函数、发送请求的函数

http_request = false

//开始初始化XMLHttpRequest对象

if(window.XMLHttpRequest) { //Mozilla 浏览器

http_request = new XMLHttpRequest()

if (http_request.overrideMimeType) {//设置MiME类别

http_request.overrideMimeType('text/xml')

}

}

else if (window.ActiveXObject) { // IE浏览器

try {

http_request = new ActiveXObject("Msxml2.XMLHTTP")

} catch (e) {

try {

http_request = new ActiveXObject("Microsoft.XMLHTTP")

} catch (e) {}

}

}

if (!http_request) { // 异常,创建对象实例失败

window.alert("不能创建XMLHttpRequest对象实例.")

return false

}http_request.onreadystatechange=

function processRequestcc(){

if (http_request.readyState == 4) { // 判断对象状态

if (http_request.status == 200) { // 信息已经成功返回,开始处理信

alert(http_request.responseText)

} else { //页面不正常

alert("您所请求的页面有异常。")

}

}else {//只要未读取完成

}

}// 确定发送请求的方式和URL以及是否同步执行下段代码

http_request.open("GET", url, true)

http_request.send(null)

}function submit(){

send_request1(吃力程序URL)//服务端处理程序, *** 作函

}然后页面按钮 onclick 触发 submit方法就可以了

1,页面需要嵌入iframe

src是你另一个php程序,比如upload.php

2.form

提交的时候提交到iframe

3.upload.php判断提交成功输出一段js代码,parent.document.getElemetById("PID").src="成功后的图片地址"

前端页面中加jquery(JavaScript)代码:

function btn_click(){

    var url = 'php_ajax_example.php'

    var comment = '这是你的评论内容'//你自己看怎么获取它,

    //例如你把评论放在<textarea id="comment"></textarea>中,

    //var comment = $.trim($("#comment").html())

    var userid = 123//评论者的id(如果要求已登录)

    var username = 'jack'//评论者名字

    var email = '123@email.com'

    $.post(url,

        {comment:comment,id:userid,name:username,email:email},

        function(back_data){

            alert(back_data)

        })

}

<button onclick="btn_click()">提交评论</button>

新建一个文件:php_ajax_example.php,代码:

<?php

var comment = $_POST['comment']

var userid = $_POST['id']

//......补上你需要的数据

//把以上数据存入数据库

echo '评论保存成功!'

?>


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/7332247.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-04
下一篇2023-04-04

发表评论

登录后才能评论

评论列表(0条)

    保存