Question

我有一个jquery脚本安装在浏览器中，其工作方式如下：

当图像悬停时，它会检查是否存在该图像的替代文本。如果没有这样的文本，那么在点击图像时会打开一个对话框（jquery对话框），它会要求用户将替代文本添加到文本框中（在对话框中），当用户按下“发送你的提议”时按钮然后这是我想要的帮助。

我想将此数据添加到我的数据库sqlserver中。我听说过，如果我可以创建一个aspx页面，那么我可以将数据发送到数据库中。因为我们不能一气呵成。如果是，那么欢迎您回答。

这是jquery代码。

$(function() {

  $('body').append('<div id="dialog-form" />');

  $('#dialog-form').append('<p>Add an alternative text for the image</p>');
  $('#dialog-form').append('<form></form>');
  $('#dialog-form form').append('<input type="text" value="" name="addalt" />');

  $.each($('img'), function() {

        if($(this).parent()!='a') {

            $(this).wrap('<div class="project_addalt ui-corner-all" />');           

        } else {

            $(this).parent().wrap('<div class="project_addalt ui-corner-all" />');          

        };

        if($(this).attr('alt')==""){

            $(this).parent('div')
                .addClass('ui-state-error')
                .width($(this).width())
                .append('<div class="addalt_overlay ui-state-error" style="display:none"><p><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>This image has no alternative text! Click here to add...</p></div>');

        } else {

            $(this).parent('div')
                .width($(this).width())
                .append('<div class="addalt_overlay" style="display:none"><p>'+$(this).attr('alt')+'</p></div>');       

        }

    }

  );


    $('.addalt_overlay').click(
        function(){
            $('#dialog-form').dialog('open');   
    });

  $.each($('.project_addalt'), function() {

    $(this).hover(
        function(){
            $(this).children('div').show(300);
        },
        function(){
            $(this).children('div').hide(300);
        });

    });

        $( "#dialog-form" ).dialog({
            autoOpen: false,
            height: 300,
            width: 350,
            modal: true,
            buttons: {
                "Send your proposal": function() {
                    },
                Cancel: function() {
                    $( this ).dialog( "close" );
                }
            },
            close: function() {
                allFields.val( "" ).removeClass( "ui-state-error" );
            }
        });



});

Answer 1

使用jquery向特定的aspx页面发出一个AJAX请求，将数据作为查询字符串传递（最简单）

如何将数据发布到aspx页面

1 个答案: