Javascript 通过Ajax的send传递html的表单对象

Javascript 通过Ajax的send传递html的表单对象,第1张

其实很简单,只是你没弄明白Ajax的运行机制,它相当于客户端和服务器端的一个中间脚本,为客户端和服务器搭起了一个通信的桥梁,给你举个简单的例子:

indexhtml部分代码:

<html>

<input type="hidden" name="aaa" value=""><!--不一定就是hidden类型,text、checkbox、select等等都可以-->

<input type="button" name="submit" value="提交" onClick="Send_Param();" /><!--不一定是按钮的单击事件,改成其他控件的可以触发的任何事件都可以-->

<script>

//Ajax代码

var request;

function createRequest() {

try {

request = new XML>

发送2个ajax请求读取2个不同的服务器页面就可以了

function submitForm(){

//第一个请求,将表单数据提交到某服务器页面

//第二个请求进度页面,也就是读取session,

}

callback是必须在等到服务器页面执行完成并输出结果后才会调用的

虽然第一个处理表单的页面可能还没全部执行完成,但是sesesion应当是已经产生了的,

而第二个请求每间隔一段时间久请求进度页面一次,读取当前的session值

你是想没个div都获取一个值吗?  获取方式忽略你可以for循环一下;拿到值存下来

基本思路就是: 1获取值 ; 2点击某个按钮触发ajax提交事件方法

btnonclick  = function(){

    $ajax({

            url : "接口url",

            type : "POST",

            data : {

                //这里是你获取到的值

            },

            async : false,

            success : function(data){

                    //成功后的 *** 作

            }

    });

}

大概就是这样,希望可以帮助到你,关注Jensonhuicom,我们一起交流

以上就是关于Javascript 通过Ajax的send传递html的表单对象全部的内容,包括:Javascript 通过Ajax的send传递html的表单对象、通过ajax提交整个表单怎么在后台获取表单内的值、PHP实现动态读取进度,form提交与ajax提交同步,ajax实时获取form提交后的数据处理进度。等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9560560.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存