jquery - Render partial view with json object coming from a web api call -


introduction

i using asp.net mvc 5 , webapi 2.0 in 1 of current projects. using ajax calls needed information out of database using function like:

(function (window, document, $, undefined) {      /*---------------------------------------------------         users web api javascript     ---------------------------------------------------*/      usersapiscript = function () {         var uri;     }      $.extend(usersapiscript, {         init: function() {              // ### assign root url calling web api controllers             uri = 'api/usersapi';              // ### assign event handlers elements ###              // add click event open user details             $('.user-details').click(usersapiscript.loaditem);          },         loaditem: function () {             var $a = $(this);             var id = $a.attr('data-id');              $.getjson(uri + '/' + id)                 .done(function (data) {                     //console.log(json.stringify(data, null, 4));                      // partial view show in modal                     $.ajax({                         type: 'post',                         contenttype: 'application/json; charset=utf-8',                         data: json.stringify(data),                         datatype: 'json',                         cache: false,                         url: uri_internal + '/getuserdetails',                         done: function (result) {                             console.log(result);                             $('#content').after(result);                         },                         fail: function (jqxhr, textstatus, err) {                             console.log('error: ' + err);                         }                     });                 })                 .fail(function (jqxhr, textstatus, err) {                     console.log('error: ' + err);                 });         }     }); }(window, document, jquery));

this working fine, information in json format.

question

now show bootstrap modal display information. others projects use partial views display data, had modal defined , passed using controller partial view.

now using web api have json object need pass partial view.

consider following implementation:

controller

public class userscontroller : controller {     public actionresult getuserdetails(user user)     {         return partialview(user);     } }

partial view

@model prosecmdmhelper.models.user  <div class="modal fade" id="modaluserdetails" tabindex="-1" role="dialog" aria-labelledby="modaluserdetailslabel" aria-hidden="true">     <div class="modal-dialog modal-sm">         <div class="modal-content">             <div class="modal-header">                  <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>                 <h4 class="modal-title" id="modaluserdetailslabel"><i class="icon-check"></i>gebruiker details</h4>              </div>             <div class="modal-body">                  <p>user called @model.name</p>              </div>             <div class="modal-footer">              </div>         </div>     </div> </div>

questions

  • how pass web api json result data partial view?
  • how display view user?
  • can define json object user partial view @modal.username ?

update

ok modal html code server won't added document after #content tag. async issue?


Comments

Post a Comment

Popular posts from this blog

How to connect android app to App engine -

i'm trying connect app in android server i've opened on appengine. my server's name : dddd-daniel-2345 , website server : http://dddd-daniel-2345.appspot.com/ this how connect android app server in app engine: app.yaml: application: dddd-daniel-2345 version: 1 runtime: python27 api_version: 1 threadsafe: yes handlers: - url: .* script: main.app libraries: - name: webapp2 version: "2.5.2" main.py: #!/usr/bin/env python # # copyright 2007 google inc. google.appengine.api import users import webapp2 class userhandler(webapp2.requesthandler): def get(self): user = users.get_current_user() if user: greeting = ('%s,%s,%s' % (user.email(),user.user_id(),user.nickname())) else: greeting = ('not logged in') self.response.out.write(greeting) app = webapp2.wsgiapplication([('/', userhandler),], debug=true) my applications code : add manifast main....
Read more

gcc - MinGW's ld cannot perform PE operations on non PE output file -

i know there other similar questions out there, stackoverflow or not. i've researched lot this, , still didn't find single solution. i'm doing operative system side project. i've been doing in assembly, wanna join c code. test, made assembly code file (called test.asm): [bits 32] global _a section .text _a: jmp $ then made c file (called main.c): extern void a(void); int main(void) { a(); } to link, used file (called make.bat): "c:\mingw\bin\gcc.exe" -ffreestanding -c -o c.o main.c nasm -f coff -o asm.o test.asm "c:\mingw\bin\ld.exe" -ttext 0x100000 --oformat binary -o out.bin c.o asm.o pause i've been researching ages, , i'm still struggling find answer. hope won't flagged duplicate. acknowledge existence of similar questions, have different answers, , none work me. question: what doing wrong? old mingw versions had problem "ld" not able create non-pe files @ all. maybe current versions...
Read more

php - display validation error message next to the textbox in codeigniter -

Image
i'm newbie codeigniter.i want display error message next text box.my view file create.php contains following code. <?php echo validation_errors(); //validation echo form_open('news/create'); //create form ?> <div class="boxes"> <div class="common"> <div class="lables"> <label for="name">name</label> </div> <div class="text_boxes"> <input type="text" name="uname" /><div id="infomessage"><?php echo $message;?></br> </div> </div>` and below controller model: public function create() { $this->load->helper('form'); $this->load->library('form_validation'); $data['title'] = 'insert items'; $this->form_validation->set_rules('uname','required|min_length[6]|m...
Read more