ajax技术

Posted fight139

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ajax技术相关的知识,希望对你有一定的参考价值。

1.post请求

$.ajax({
    type: ‘post‘,
    url: ‘/GetProdects.ashx‘,
    async: true,
   //data: {id:‘2‘} 请求参数 success:
function (result) { var json = JSON.parse(result)[‘Head‘]; prodectVue.prodects = json; }, error: function () { setContainer(‘ERROR!‘); } });

 

 2.get请求

 

$.ajax({
    type: ‘get‘,
    url: ‘/DeleteProdect.ashx?id=‘+2,
    async: true,
    success: function (result) {
        //alert(123)
        if (result == ‘1‘)
        {
            alert(‘删除成功‘);
            showProdect();
        }
        else
            alert(‘系统繁忙‘);
    },
    error: function () {
        setContainer(‘ERROR!‘);
    }
});

 

 

3.ajax跨站请求

$.ajax({
    type: ‘get‘,
    url: ‘http://域名/DeleteProdect.ashx?id=‘+id,
    async: true,
    success: function (result) {
        //alert(123)
        if (result == ‘1‘)
        {
            alert(‘删除成功‘);
            showProdect();
        }
        else
            alert(‘系统繁忙‘);
    },
    error: function () {
        setContainer(‘ERROR!‘);
    }
});

 

在处理函数中需要加入:context.Response.AppendHeader("Access-Control-Allow-Origin", "*");

 


以上是关于ajax技术的主要内容,如果未能解决你的问题,请参考以下文章

Javascript代码片段在drupal中不起作用

前端面试题之手写promise

Ajax 片段元标记 - Googlebot 未读取页面内容

执行AJAX返回HTML片段中的JavaScript脚本

javascript AJAX片段

Spring MVC 3.2 Thymeleaf Ajax 片段