Übergeben von Parametern in GET-Anforderungen mit jQuery

Wie soll ich Abfragezeichenfolgenwerte in einer jQuery Ajax-Anforderung übergeben? Ich mache sie derzeit wie folgt, aber ich bin sicher, dass es einen saubereren Weg gibt, bei dem ich nicht manuell codieren muss.

$.ajax({
    url: "ajax.aspx?ajaxid=4&UserID=" + UserID + "&EmailAddress=" + encodeURIComponent(EmailAddress),
    success: function(response) {
        //Do Something
    },
    error: function(xhr) {
        //Do Something to handle error
    }
});

Ich habe Beispiele gesehen, in denen Abfragezeichenfolgenparameter als Array übergeben werden, aber diese Beispiele, die ich gesehen habe, verwenden nicht das $.ajax()Modell, sondern gehen direkt zu $.get(). Beispielsweise:

$.get("ajax.aspx", { UserID: UserID , EmailAddress: EmailAddress } );

Ich bevorzuge das Format $ .ajax (), wie ich es gewohnt bin (kein besonders guter Grund - nur eine persönliche Präferenz).

Bearbeiten 09/04/2013:

Nachdem meine Frage geschlossen wurde (als "Too Localized"), fand ich eine verwandte (identische) Frage - mit nicht weniger als 3 Upvotes (mein schlechtes, weil ich sie überhaupt nicht gefunden habe):

Wie kann man mit jquery einen POST erstellen und den Parameter 'data' richtig angeben?

Dies beantwortete meine Frage perfekt. Ich fand, dass es viel einfacher zu lesen ist und ich es nicht manuell encodeURIComponent()in der URL oder den DATA-Werten verwenden muss (was ich in der Antwort von bipen als unklar empfunden habe). Dies liegt daran, dass der dataWert automatisch über codiert wird $.param(). Nur für den Fall, dass dies für andere von Nutzen sein kann, ist dies das Beispiel, mit dem ich gegangen bin:

$.ajax({
    url: "ajax.aspx?ajaxid=4",
    data: { 
        "VarA": VarA, 
        "VarB": VarB, 
        "VarC": VarC
    },
    cache: false,
    type: "POST",
    success: function(response) {

    },
    error: function(xhr) {

    }
});

Verwenden Sie die Datenoption von Ajax. Sie können das Datenobjekt per dataOption in Ajax an den Server senden. Dabei wird typefestgelegt, wie Sie es senden (entweder POSToder GET). Der Standardtyp ist GETmethod

Versuche dies

$.ajax({
  url: "ajax.aspx",
  type: "get", //send it through get method
  data: { 
    ajaxid: 4, 
    UserID: UserID, 
    EmailAddress: EmailAddress
  },
  success: function(response) {
    //Do Something
  },
  error: function(xhr) {
    //Do Something to handle error
  }
});

Und Sie können die Daten erhalten von (wenn Sie PHP verwenden)

 $_GET['ajaxid'] //gives 4
 $_GET['UserID'] //gives you the sent userid

In aspx glaube ich, dass es ist (könnte falsch sein)

 Request.QueryString["ajaxid"].ToString(); 

Fügen Sie Ihre Parameter in den dataTeil des ajaxAnrufs ein. Siehe die Dokumente . Wie so:

$.ajax({
    url: "/TestPage.aspx",
    data: {"first": "Manu","Last":"Sharma"},
    success: function(response) {
        //Do Something
    },
    error: function(xhr) {
        //Do Something to handle error
    }
});

Hier ist die Syntax mit jQuery $.get

$.get(url, data, successCallback, datatype)

In Ihrem Fall wäre das also gleichbedeutend mit:

var url = 'ajax.asp';
var data = { ajaxid: 4, UserID: UserID, EmailAddress: EmailAddress };
var datatype = 'jsonp';

function success(response) {
// do something here 
}

$.get('ajax.aspx', data, success, datatype)

Hinweis $.get bietet Ihnen nicht die Möglichkeit, einen Fehlerbehandler festzulegen. Aber es gibt mehr Möglichkeiten , um es entweder mit tun $ .ajaxSetup () , $ .ajaxError () oder einem Verkettungs .failauf $.getwie unten

$.get(url, data, success, datatype)
 .fail(function(){
})

Der Grund für das Festlegen des Datentyps als "jsonp" liegt in Problemen mit der gleichen Ursprungsrichtlinie des Browsers. Wenn Sie die Anforderung jedoch in derselben Domäne stellen, in der Ihr Javascript gehostet wird, sollte der Datentyp auf "OK" eingestellt sein json.

Wenn Sie die jquery nicht verwenden mögen , um $.getdann die Dokumentation sieht für $.ajaxden Raum für mehr Flexibilität erlaubt

Versuchen Sie Folgendes hinzuzufügen:

$.ajax({
    url: "ajax.aspx",
    type:'get',
    data: {ajaxid:4, UserID: UserID , EmailAddress: encodeURIComponent(EmailAddress)},
    dataType: 'json',
    success: function(response) {
      //Do Something
    },
    error: function(xhr) {
    //Do Something to handle error
    }
});

Abhängig davon, welcher Datentyp erwartet wird, können Sie ihn zuweisen html, json, script, xml

Mit der Eigenschaft data können Sie eine Zeichenfolge senden. Akzeptieren Sie Ihren serverseitigen Code als String-Argumentnamen "myVar", und Sie können ihn dann analysieren.

$.ajax({
    url: "ajax.aspx",
    data: [myVar = {id: 4, email: 'emailaddress', myArray: [1, 2, 3]}];
    success: function(response) {
    //Do Something
    },
    error: function(xhr) {
    //Do Something to handle error
    }
});

Hatte das gleiche Problem, wo ich angegeben habe, dataaber der Browser hat Anfragen an die URL gesendet, die mit endet [Object object].

Du hättest processDataeinstellen sollen true.

processData: true, // You should comment this out if is false or set to true

Sie können das verwenden $.ajax(), und wenn Sie die Parameter nicht direkt in die URL einfügen möchten, verwenden Sie das data:. Das ist an die URL angehängt

Quelle: http://api.jquery.com/jQuery.ajax/

Mit dem Datenparameter der Ajax-Methode können Sie Daten an den Server senden. Auf der Serverseite können Sie die Daten anfordern. Siehe Code

var id=5;
$.ajax({
    type: "get",
    url: "url of server side script",
    data:{id:id},
    success: function(res){
        console.log(res);
    },
error:function(error)
{
console.log(error);
}
});

Auf der Serverseite erhalten Sie es mit der Variablen $ _GET.

$_GET['id'];