<script type="text/javascript">
  $.ajax({
    url: 'data/content.xml',
    success: function(xml) {
      // Parse the response
    }
  });
</script>

<form>
  <div><input type="text" name="a" value="1" id="a"></div>
  <div><input type="text" name="b" value="2" id="b"></div>
  <div><input type="hidden" name="c" value="3" id="c"></div>
  <div>
    <textarea name="d" rows="8" cols="40">4</textarea>
  </div>
  <div><select name="e">
    <option value="5" selected="selected">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
  </select></div>
  <div>
    <input type="checkbox" name="f" value="8" id="f">
  </div>
  <div>
    <input type="submit" name="g" value="Submit" id="g">
  </div>
</form>

$("form").submit(function(event) {
  var arr = $(this).serializeArray();
  var obj = {};

  jQuery.each(arr, function() {
    obj[this.name] = this.value || '';
  });

  var str = JSON.stringify(obj);
  console.log(str);
  event.preventDefault();
});

var obj = {
  a: 1,
  b: $('#b').val(),
  f: $("input[name=f]").val()
};

var str = JSON.stringify(obj);

function doSuccess(data) {
  console.log(data);
  alert("success");
  location.href = "http://www.example.com/ThankYou.html";
}

$.ajax({
  type: "POST",
  url: url,
  data: str,
  contentType: 'application/json',
  success: doSuccess,
  dataType: "json",
});

$.ajax({
  type: "POST",
  url: url,
  data: data,
  success: success,
  dataType: dataType
});

$.post("ajax/test.html", function(data) {
  $(".result").html(data);
});

$.ajax({
  dataType: 'mycustomtype',
  dataType: "script",
  dataType: "html",
  dataType: "json",
  dataType: "jsonp",
  dataType: "xml",
  dataType: "text",

  url: "test.html",
  url: "test.js",
  url: "script.php",

  method: "POST",
  method: "GET",

  type: "GET",
  type: "POST",

  data: { name: "John", location: "Boston" },
  data: { id : menuId },

  global: false,

  cache: false,
  success:
  complete:

  success: doSuccess,
  error: doError

  success: function(xml) {
    // Parse the response
  }

});

error_func

$.ajax({
  statusCode: {
    404: function() {
      alert("page not found");
    }
  }
});

$.ajax({
  url: "script.php",
  dataType: "json",
  method: "POST",
});

$.ajax({
    method: "POST",
    url: "some.php",
    data: {
      name: "John",
      location: "Boston"
    }
  })
  .done(function(msg) {
    alert("Data Saved: " + msg);
  });

$.ajax({
  url: fileurl,
  type: "GET",
  dataType: "xml",
  complete: xml_ready,
  error: error_func
});

$("#target").click(function() {
  // get the value from the username field                              
  var username = $('#username').val();

  // post a JSON payload:
  $.ajax({
    url: "script.php",
    contentType: 'application/json',
    data: JSON.stringify({
      'username': username,
      'location': $("#location").val()
    }),
    method: "POST",
    dataType: "json",
    success: function() {},
    error: function() {},
    complete: function() {}
  });
});


function doSuccess() {
  window.location.href = "";
}

setTimeout(function() {
  window.location.href = "";
}, 2000);

setTimeout(() => {myArray.myMethod()}, 2000);

if(result === "no_errors") location.href = "http://www.example.com/ThankYou.html"

myArray.myMethod();
arg1

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Demo</title>
    <meta name="author" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="_assets/css/style.css">
  </head>

  <body>
    <div id="main">
    </div>
    <script src="_assets/js/ajax.js"></script>
  </body>
</html>

<input type="button" value="Click Me!" id="my_button" />

$("my_button").observe("click", buttonPressed);

#my_button { background-color: #999; }

function buttonPressed() {
    $("my_div").setStyle({
        backgroundColor: "#FF6600",
        fontSize: "12px"
    })
}

AJAX

參考網站：

results matching ""

No results matching ""