Shulou(Shulou.com)06/01 Report--

This article is mainly about "how to get input data and name in html through jQuery". Interested friends may wish to have a look. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn how to obtain input data and name in html through jQuery.

Under index.html

You can see that jquery.min.js is loaded first, then test.js is loaded

And loaded into test.js

But the interface loading is complete. Just run init (), which calls the binding function and binds two buttons in this init.

The source code of the program is as follows:

Index.html

Test

Name 1 # 1

Name 1: 2

Name 1 # 3

Name 1 # 4

Click

Name 2: 1

Name 2x2

Name 2name3

Name 2name4

Click

Test.js

Var member_do1 = {

Init: function () {

This.eventBind ()

}

EventBind:function () {

$(".group1.do-btn1") .click (function () {

$.ajax ({

Url: "https://www.baidu.com",

Type: "POST"

Data: {

Value1:$ (".group1 input [name=input1]") .val ()

Value2:$ (".group1 input [name=input2]") .val ()

Value3:$ (".group1 input [name=input3]") .val ()

Value4:$ (".group1 input [name=input4]") .val ()

}

DataType:'json'

Success:function (res) {

Console.log (res)

}

});

})

}

}

$(document) .ready (function () {

Member_do1.init ()

Member_do2.init ()

});

Var member_do2 = {

Init: function () {

This.eventBind ()

}

EventBind:function () {

$(".group2. Do-btn2") .click (function () {

$.ajax ({

Url: "https://www.baidu.com",

Type: "POST"

Data: {

Value1:$ (".group2 input [name=input1]") .val ()

Value2:$ (".group2 input [name=input2]") .val ()

Value3:$ (".group2 input [name=input3]") .val ()

Value4:$ (".group2 input [name=input4]") .val ()

}

DataType:'json'

Success:function (res) {

Console.log (res)

}

});

});

}

At this point, I believe you have a deeper understanding of "how to obtain input data and name in html through jQuery". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.