Home/ Questions/Q 7920453
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-03T16:13:37+00:00

first: I want to show the returning data with an Ajax request in my

  • 0

first: I want to show the returning data with an Ajax request in my Jquery UI message box. and second: in the code below the message box appears just for 1 second. I dont know why!!!!!

<script>
  $(document).ready(function(){
    $("#dialog-confirm").dialog({
      autoOpen:false,
      resizable: false,
      height:140,
      modal: true,
      buttons: {
        "Ok": function() {
           $( this ).dialog( "close" );
        }
      }
    });

    $("#customer_form").submit(function(){
      $.get("../ajax/Services.php?Add=Add, function(data){
        if (data) {
          $("#dialog-confirm").dialog("open");
        }
      });
    });
  });
</script>
<body>
  <div id="dialog-confirm" title="MY TITLE">
    <p>
      SOME TEXT <span class="ui-icon ui-icon-alert"
                      style="float:right; margin:0 7px 20px 0;"></span>
    </p>
  </div>       
</body>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If you want “SOME TEXT” to be what gets replaced with data, you need to wrap it in a span so that you can select just that element without affecting the icon next to it:

     <div id="dialog-confirm" title="MY TITLE">
    <p>
      <span id="dialog-text"> </span>
      <span class="ui-icon ui-icon-alert"
                      style="float:right; margin:0 7px 20px 0;"></span>
    </p>
  </div>

    For the second issue it’s likely that what you’re seeing is a new page getting loaded.

    You need to prevent the submit action from following through and really submitting.

    $("#customer_form").submit(function(ev) {
    ev.preventDefault();
    if (data) {
      $("#dialog-text").html(data);
      $("#dialog-confirm").dialog("open");
    }
});
    • 0