jQuery的ajax表单提交，获取元素内容方法

最新推荐文章于 2022-04-21 12:43:58 发布

Deer__青春

最新推荐文章于 2022-04-21 12:43:58 发布

阅读量1.1k

点赞数

分类专栏： jquery 文章标签： ajax jquery

本文链接：https://blog.csdn.net/qq_40195958/article/details/78585574

版权

jquery 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

jQuery的ajax表单提交

.val() 获取指定元素的value值，通常指表单元素
.html() 获得指定的html元素以及文本
.text() 获得当前元素表现的文本

<html>
    <title>页面标题</title>
<head>

</head>
<body>
    <select>
        <option>北京</option>
        <option>上海</option>
        <option>深圳</option>
    </select>
    <div>
        p标签外的文本--<p>这里是标签的文本</p>
    </div>
    <form id="myForm>
        <input type="text" name="uname" id="inp"/>
        <input type="text" name="password" id="inp1/>
        <input type="button" id="but">
    </form>
    <javascript type="text/javascript" src="jQuery/jquery-3.2.1.js></scripte>

    <script>
        $('select').val();//获得当前选座位标签的值
        $('div').text();   //获得标签内的所有文本内容输出结果为：
                            //p标签外的文本--这里是标签的文本
        $('div').html()//获得当前标签内所有包括标签的内容输出结果为：
                            //p标签外的文本--<p>这里是标签的文本</p>

//通过Ajax提交表单

        $.ajax({
            type:"get",
            url:"你向哪个页面发请求的地址",
            data:$("#myForm").serialize(),//获得表单数据
            success:function(data){
                    //这里是处理返回的结果data        
            }
        });

    </script>

</body>
</html>