Ajax_jquery를 통해 양식 양식을 제출하는 Jquery의 특정 구현

오늘 우연히 서버에 데이터를 제출하는 Jquery의 ajax 방식을 보았습니다. 원본 텍스트는 다음과 같습니다.

데이터를 서버에 저장하고 성공하면 정보를 표시합니다.
jQuery 코드:

코드 복사 코드는 다음과 같습니다.

$.ajax ({
유형: "POST",
url: "some.php",
data: "name=John&location=Boston",
성공: function(msg){
alert( "Data Saved : " msg );
}
});

생각해보니, 양식을 매번 입력할 수 있는 방법이 없을까요? fom 매번 var deco=$("#divname").val(); 을 작성하세요.
나중에 오늘 .map이라는 메서드를 보고 몇 가지 아이디어를 얻었습니다.
html 코드는 다음과 같습니다. 다음으로 dlg_form의 Form ID를 가진 모든 입력 데이터를 제출하고 싶습니다.

코드를 복사하세요 코드는 다음과 같습니다.

<라벨> 房间:

<라벨> 태그:

<라벨> 부분:

<필드세트>
<전설>
<라벨>

공중제조

<라벨> 端口:

<라벨> 地址:

<라벨> 작업방법:

<라벨> 是否启용:

<필드세트>
<전설>
<라벨>

灯光控 제조사

<라벨> 端口:

<라벨> 地址:

<라벨> 작업방법:

<라벨> 是否启용:

<라벨 스타일="너비:100px;">

安装了总表:

<라벨> 总表电能节点:

是不是很多,如果要你每个inputPhoto写的话,是不是要吐血?
看看내가 좋아하는 방법, 首先我们把所有造입력이름과 값을 Photo取下来,
js代码如下:

复代码如下: 代码如下:

var str_data=$("#dlg_form input").map(function(){
return ($(this).attr("name) ") '=' $(this).val());
}).get().join("&") ;
경고(데이터);

ps:你alert一下,你会发现,这里是是divname=xxx&divname2=xxxx等等,

然后在回头看看看看ajax提交的:

复代码 代码如下:

$.ajax({
유형: "POST",
url: "some.php",
data: "name=John&location=Boston",
성공: 함수 (msg){
alert( "저장된 데이터: " msg );
}
});

위에서 얻은 정보를 찾으셨나요? , 그냥 데이터로 들어가시겠습니까?

수정 후 전체 코드는

코드 복사여야 합니다. 코드는 다음과 같습니다:

$.ajax({

var str_data=$("#dlg_form input").map(function(){
return ($( this).attr( "name") '=' $(this).val())
}).get().join("&")
type: "POST",
url: "some .php",
data: str_data,
success: function(msg){
alert( "저장된 데이터: " msg )
}
}); 🎜>

그렇군요. 간단하면 사용하셔도 됩니다...

헤헤

궁금한 점이 있으면 물어보세요. .