Данные JSONP post в другой домен

Question

Я попытался найти ответ на этот вопрос, ища какое-то время, но я не нахожу то, что мне нужно.

Итак, у меня есть эти поля ввода.

<div> 
    Kontaktuppgifter<br> 
    <input class="double" type="text" name="customer_firstName" placeholder="Förnamn" /> 
    <input class="double" type="text" name="customer_surName" placeholder="Efternamn" /> 
    <input class="double" type="email" name="customer_email" placeholder="Epost" /> 
    <input class="double" type="tel" name="customer_cellnr" placeholder="Mobilnummer" /> 
    </div> 

    <div>  
    Adressuppgifter<br> 
    <input type="text" name="customer_adress" placeholder="BostadsAdress" /> 
    <input type="text" name="customer_zipcode" placeholder="{{postal_code_label}}" /> 
    <input type="text" name="customer_city" placeholder="Ort" /> 
    <input type="text" name="customer_country" placeholder="Land" /> 
    </div> 

    <div> 
    Garantispecifika uppgfiter<br> 
    <input type="text" name="customer_housenr" placeholder="Fastighetsbeteckning" /> 
    <input type="text" name="customer_persnumber" placeholder="Personnummer" /> 
    </div> 

    <div> 
    Företagsspecifika uppgifter - Fylls bara i av företag<br> 
    <input type="text" name="customer_companyName" placeholder="Företagsnamn" /> 
    <input type="text" name="customer_Orgnr" placeholder="Organisationsnummer" /> 
    <input id="send_message" class="button secondary" type="submit" value="Registrera Garanti" onclick="postFrom(this)"/> 
    </div> 

Теперь я хочу, чтобы отправить все данные через JSONP.

Я получил его на работу с одним, атрибут «customer_name = JSON»

Как следует сцепить все, чтобы я могу отправить его в мой обработчик?

Есть данные: только тег, который я могу использовать, или как я должен структурировать вызов?

$.ajax({ 
    type: 'GET', 
    url: 'http://www.mypage.com/offerthandler.ashx', 
    crossDomain: true, 
    data: 'customer_name=json', 
    dataType: 'jsonp', 
    success: function(responseData, jsonobj) { 
    alert('POST Successfull.'); 

}, 
error: function (responseData, textStatus, errorThrown) { 
    alert('POST failed.'); 
} 
}); 

Должен ли я идти на

data: 'customer_firstName=$('[name="customer_firstName"]').val() + 
     customer_surName=$('[name="customer_surName"]').val() 

и так далее, или как я могу это сделать?

Answer 1

Простой способ сделать это будет так, чтобы теги isnert отображали форму id и сериализовали форму.

Пример

<form id="myform"> 

Kontaktuppgifter<br> 
<input class="double" type="text" name="customer_firstName" placeholder="Förnamn" /> 
<input class="double" type="text" name="customer_surName" placeholder="Efternamn" /> 
<input class="double" type="email" name="customer_email" placeholder="Epost" /> 
<input class="double" type="tel" name="customer_cellnr" placeholder="Mobilnummer" /> 
</from> 

А теперь Javascript!

var datavariable = $("#myform").serialize(); 

$.ajax({ 
type: 'GET', 
url: 'http://yoururl.com', 
crossDomain: true, 
data: datavariable , 
dataType: 'jsonp', 
success: function(responseData, jsonobj) { 
    alert('POST Successfull.'); 

},